osbo.com | SVG | Attributes | dx

The dx SVG attribute specifies the x offset of the drop shadow.

<number>

2

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <defs> <filter id="myid"> <feDropShadow dx="10" dy="0" flood-color="red" stdDeviation="0"/> </filter> </defs> <circle cx="50%" cy="50%" filter="url(#myid)" r="50vh"/> </svg>

dy

in

stdDeviation

World Wide Web Consortium (W3C)

The dx SVG attribute specifies the amount to offset the input graphic along the x-axis.

<number>

0

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <defs> <filter id="myid"> <feOffset dx="100"/> </filter> </defs> <circle cx="50%" cy="50%" filter="url(#myid)" r="50vh"/> </svg>

dy

in

World Wide Web Consortium (W3C)

The dx SVG attribute specifies the relative x-coordinate of the current text position.

[ [ <length-percentage> | <number> ]+ ]#

(none)

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <text dx="100 200 300 400" dy="11">text</text> <text dx="10% 20% 30% 40%" dy="10%">text</text> </svg>

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <text dx="1e2 2e2 3e2 4e2" dy="1.1e1">text</text> </svg>

dy

lengthAdjust

rotate

textLength

x

y

World Wide Web Consortium (W3C)

The dx SVG attribute specifies the relative x-coordinate of the current text position.

[ [ <length-percentage> | <number> ]+ ]#

(none)

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <text dy="11">text <tspan dx="100 200 300 400 500">tspan</tspan> text</text> <text dy="10%">text <tspan dx="10% 20% 30% 40% 50%">tspan</tspan> text</text> </svg>

<svg height="100%" width="100%" xmlns="http://www.w3.org/2000/svg"> <text dy="1.1e1">text <tspan dx="1e2 2e2 3e2 4e2 5e2">tspan</tspan> text</text> </svg>

dy

lengthAdjust

rotate

textLength

x

y

World Wide Web Consortium (W3C)