<!DOCTYPE html>
<
html
>
<
body
>
<
svg
width
=
"400"
height
=
"400"
>
<
defs
>
<
filter
id
=
"filter2"
x
=
"0"
y
=
"0"
width
=
"150%"
height
=
"150%"
>
<
feOffset
result
=
"offOut"
dx
=
"30"
dy
=
"30"
in
=
"SourceGraphic"
id
=
"gfg"
/>
<
feBlend
in
=
"SourceGraphic"
in2
=
"blurOut"
mode
=
"normal"
/>
</
filter
>
</
defs
>
<
g
>
<
rect
x
=
"50"
y
=
"50"
width
=
"150"
height
=
"150"
stroke
=
"black"
stroke-width
=
"5"
fill
=
"gray"
filter
=
"url(#filter2)"
/>
</
g
>
<
script
type
=
"text/javascript"
>
var g = document.getElementById("gfg");
console.log(g.dx);
console.log("dx value is : ", g.dx.baseVal)
</
script
>
</
svg
>
</
body
>
</
html
>