<!DOCTYPE html>
<
html
>
<
body
>
<
svg
width
=
"200"
height
=
"200"
>
<
defs
>
<
filter
id
=
"drop_shadow"
filterUnits
=
"objectBoundingBox"
x
=
"-50%"
y
=
"-60%"
width
=
"250%"
height
=
"250%"
>
<
feDropShadow
in
=
"SourceGraphic"
dx
=
"1"
dy
=
"1"
stdDeviation
=
"30"
flood-color
=
"darkgreen"
id
=
"gfg"
/>
</
filter
>
</
defs
>
<
rect
x
=
"40"
y
=
"40"
width
=
"100"
height
=
"100"
style="stroke: #000000;
fill: lightgreen;
filter: url(#drop_shadow);" />
<
g
fill
=
"#FFFFFF"
stroke
=
"black"
font-size
=
"10"
font-family
=
"Verdana"
>
<
text
x
=
"50"
y
=
"90"
>GeeksForGeeks</
text
>
</
g
>
<
script
type
=
"text/javascript"
>
var g = document.getElementById("gfg");
console.log(g.stdDeviationX)
console.log("stdDeviationX value is : "
, g.stdDeviationX.baseVal)
</
script
>
</
svg
>
</
body
>
</
html
>