Referenz:SVG/Attribute/vector-effect

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche
Attribut vector-effect
Beschreibung 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
animierbar ja
anwendbar auf Formen und Text-Elemente (Unterschied Tag Element Attribut)
Browsersupport
  • Chrome
  • Firefox
  • Leer
  • Opera
  • Safari
Spezifikation W3c logo klein.gif 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.

Beachten Sie
Tipp

Weblinks[Bearbeiten]