Referenz:SVG/Attribute/vector-effect
Aus SELFHTML-Wiki
< Referenz:SVG | Attribute
| Attribut | vector-effect |
|---|---|
| Beschreibung | legt fest, ob Randlinien beim Zoomen skaliert werden oder nicht |
| erlaubte Werte |
|
| default-Wert | none |
| animierbar | ja |
| anwendbar auf | Formen und Text-Elemente (Unterschied Tag Element Attribut) |
| Browsersupport | |
| Spezifikation |  VectorEffects
|
| Beispiel |
<path vector-effect="non-scaling-stroke" stroke-width="2" /> Die Randlinie bleibt immer 2 px breit, egal wie stark gezoomt wird. Dies ist z.B. bei Landkarten, in denen die Randlinie eine Straße darstellen soll, wichtig. |
Liste der SVG-Attribute
- Kernattribute
- Präsentationsattribute
- Anzeige
- Beschneidung und Masken
- Farben und Verläufe
- color-interpolation
- color-rendering
- fill
- fill-opacity
- fill-rule
- image-rendering
- marker
- marker-end
- marker-mid
- marker-start
- paint-order
- shape-rendering
- stop-color
- stop-opacity
- stroke
- stroke-alignment
- 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
