SVG/Attribut/vector-effect
Aus SELFHTML-Wiki
Die vector-effect-Eigenschaft legt fest, ob Randlinien beim Zoomen skaliert werden oder nicht.
- Erlaubte Werte
- none
- non-scaling-stroke
- non-scaling-size
- non-rotation
- fixed-position + [ viewport / screen ]?
- Standardwert
none
- anwendbar auf
Formen und Text-Elemente
- Präsentationsattribut
ja
- mit CSS animierbar
discrete
Beispiel
<path vector-effect="non-scaling-stroke" stroke-width="2" />
Die Randlinie bleibt immer 2px breit, egal wie stark gezoomt wird. Dies ist z.B. bei Landkarten, in denen die Randlinie eine Straße darstellen soll, wichtig.
Siehe auch
Weblinks
- W3C: VectorEffects
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
Weblinks
- MDN: vector-effect
- callmenick: SVG Vector Effects
