SVG/Attribut/dx

Mit den Eigenschaften dx und dy können Sie einzelne Zeichen eines Textes im Verhältnis zu ihrem x- oder y-Wert verschieben.

Erlaubte Werte

Längenangabe, auch negative Werte

Standardwert

0

anwendbar auf

feOffset, text, tspan

Präsentationsattribut

nein

mit CSS animierbar

ja

Beispiel

<text x="100" y="100" dx="0 0 0 -340" dy="0 0 0 -30">
    SVG (nach vorne verschoben)
</text>

Die ersten drei Buchstaben werden nicht verschoben, da die entsprechenden Werte bei 0 liegen, Der Text in Klammern wird 340 Einheiten nach links (X-Achse) und 30 Einheiten nach oben (Y-Achse) verschoben.

Siehe auch

• SVG/Tutorials/Text/Füllungen_und_Randlinien#Verschiebung_mit_dx.2Cdy

Weblinks

• W3C: DX Attribute