SVG/Attribute/vector-effect

Aus SELFHTML-Wiki
< SVG‎ | Attribute
Wechseln zu: Navigation, Suche

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 ]?
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

Weblinks[Bearbeiten]