<!DOCTYPE html>
<
html
>
<
body
>
<
svg
width
=
"200"
height
=
"200"
>
<
defs
>
<
filter
id
=
"blur"
filterUnits
=
"objectBoundingBox"
x
=
"-10%"
y
=
"-10%"
width
=
"300%"
height
=
"300%"
>
<
feDropShadow
in
=
"StrokePaint"
dx
=
"1"
dy
=
"1"
stdDeviation
=
"30"
flood-color
=
"darkgreen"
id
=
"gfg"
/>
</
filter
>
</
defs
>
<
circle
cx
=
"110"
cy
=
"60"
r
=
"55"
stroke
=
"darkgreen"
stroke-width
=
"3"
fill
=
"Lightgreen"
style
=
"stroke: filter: url(#blur);"
/>
<
g
fill
=
"#FFFFFF"
stroke
=
"Green"
font-size
=
"10"
c
font-family
=
"Verdana"
/>
<
text
x
=
"60"
y
=
"62"
>GeeksForGeeks</
text
>
<
script
type
=
"text/javascript"
>
var g = document.getElementById("gfg");
console.log(g.dy)
console.log("dy value is : ",g.dy.baseVal)
</
script
>
</
svg
>
</
body
>
</
html
>