SVG/Attribut/pathLength

Aus SELFHTML-Wiki
< SVG‎ | Attribut
Wechseln zu: Navigation, Suche

Das pathLength-Attribut gibt die Länge des Textpfades an. Es wird für weitere Berechnungen für Text entlang von Pfaden, animateMotion und stroke-Animationen benötigt.

Erlaubte Werte
Standardwert

keiner

anwendbar auf
Präsentationsattribut

nein

mit CSS animierbar

ja

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: Ältere Browser konnten die Pfadlänge nur für das SVGPathElement auslesen, mittlerweile gilt dies auch für die Pfadlänge von Grundformen (SVGGeometryElement-Objects).
Empfehlung: Sie können die Pfadlänge mit der JavaScript-Methode getTotalLength() ermitteln. Hauptartikel: Schrift von Zauberhand

Siehe auch

Weblinks