SVG/Attribut/rotate

Mit der Eigenschaft rotate drehen Sie einzelne bzw. eine Folge von Zeichen.

Erlaubte Werte

einer oder eine durch Komma oder Leerzeichen getrennte Liste von Winkelmaßen
bei animateMotion auch auto (Objekt rotiert entlang des Animationspfades)

Standardwert

keine Rotation

anwendbar auf

text, textPath, tspan, animateMotion

Präsentationsattribut

nein

mit CSS animierbar

ja, aber keine Addition

Beispiel

<text x="0" y="100"
    dx="10 10 10 10 10 10 10 10 10 10 10 10 15 15 15 15 15 15"
    rotate="0 10 -10 10 -10 10 -10 20 -20 20 -20 20 -30 30 -30 30 -30 30">
    Jetzt geht's rund!
</text>

Siehe auch

• SVG/Tutorials/Text/Füllungen und Randlinien#Rotation

Weblinks

• W3C: Rotate Attribute