Referenz:SVG/Attribute/pathLength

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Attribut pathLength
Beschreibung gibt die Länge des Textpfades an
erlaubte Werte

Längenangabe

default-Wert keiner
animierbar ja
anwendbar auf path (Unterschied Tag Element Attribut)
Browsersupport
  • Chrome
  • Firefox
  • IE 9
  • Opera
  • Safari
Spezifikation W3c logo klein.gif PathLength Attribute
Beispiel
<path ... pathLength="1" stroke-dashoffset="-1" />

Im Beispiel wurde die PathLength auf einen Wert von 1 gesetzt. So kann die Randlinie mit stroke-dashoffset ohne weitere Berechnungen verschoben werden.

Beachten Sie

Das pathLength-Attribut wird für weitere Berechnungen für Text entlang von Pfaden, animateMotion und stroke-Animationen benötigt.

Tipp Sie können die Pfadlänge mit der JavaScript-Methode getTotalLength() ermitteln.