SVG/Attribut/stroke-dashoffset
Aus SELFHTML-Wiki
Das stroke-dashoffset-Attribut legt den Abstand des stroke-dasharray-Musters fest.
- Erlaubte Werte
- Prozentwert
- Länge (auch negative Werte erlaubt)
- Standardwert
1
- anwendbar auf
Formen und Text-Elemente
- Präsentationsattribut
ja
- mit CSS animierbar
ja
Beispiel
element {
stroke-dashoffset:"5%"
}
Das Strichmuster beginnt bei 5% der Länge des Randes.
Beachten Sie: Wenn man die Länge des Pfades mit pathLength auf
1 setzt, kann man den stroke-dashOffset ohne weitere Berechnungen der tatsächlichen Pfadlänge auf 1 setzen, um ihn am Start einer Animation auszublenden.Siehe auch
- SVG/Farben/Kontur
- SVG mit CSS animieren Line-Drawing (Haus vom Nikolaus)
- Schrift von Zauberhand
Weblinks
- Spezifikation (W3C): StrokeDashoffset Property
Liste der SVG-Attribute
- Kernattribute
- Präsentationsattribute
- Anzeige
- Beschneidung und Masken
- Farben und Verläufe
- color
- color-interpolation
- fill
- fill-opacity
- fill-rule
- image-rendering
- marker
- marker-end
- marker-mid
- marker-start
- paint-order
- shape-rendering
- stop-color
- stop-opacity
- stroke
- stroke-align
- stroke-dasharray
- stroke-dashadjust
- stroke-dashcorner
- stroke-dashoffset
- stroke-linecap
- stroke-linejoin
- stroke-miterlimit
- stroke-opacity
- stroke-width
- vector-effect
- Filter
- Größen und Geometrie
- Schrift
- Text
- Animations-Attribute
- Filter-Attribute
- Layout-Attribute
- viewBox-Attribute
- XLink-Attribute
- weitere XML-Attribute
