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 | ![]() |
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