SVG/Attribute/vector-effect
Aus SELFHTML-Wiki
Die vector-effect-Eigenschaft legt fest, ob Randlinien beim Zoomen skaliert werden oder nicht.
| erlaubte Werte |
|
|---|---|
| default-Wert | none |
| erlaubt in | Formen und Text-Elemente |
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-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
- text-rendering
- vector-effect
- Filter
- Größen und Geometrie
- Schrift
- Text
- Animations-Attribute
- Filter-Attribute
- Layout-Attribute
- viewBox-Attribute
- XLink-Attribute
- weitere XML-Attribute
Weblinks[Bearbeiten]
- callmenick: SVG Vector Effects
