Referenz:SVG/Attribute/rotate

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Attribut rotate
Beschreibung 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)

default-Wert keine Rotation
animierbar ja, aber keine Addition
anwendbar auf text, textPath, tspan, animateMotion, (Unterschied Tag Element Attribut)
Browsersupport
  • Chrome
  • Firefox
  • IE 9
  • Opera
  • Safari
Spezifikation W3c logo klein.gif [hhttp://www.w3.org/TR/SVG2/single-page.html#text-TextElementRotateAttribute Rotate Attribute]
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>
Beachten Sie
Tipp