SVG - stroke von Umrandungen

[Gunnar Bittersmann]

@@mark

Ich habs gerade eben negativ getestet.

Ah ja, die halbe Strichstärke des Rahmens liegt dann ja außerhalb der ViewBox (wenn der Pfad genau auf deren Rand liegt).

Die ViewBox größer zu machen dürfte nicht gehen, da deren Ausmaße ja das mitskalierende Koordinatensystem angeben, die Strichstärke des Rahmens bei vector-effect: non-scaling-stroke aber gerade nicht mitskaliert.

Abhilfe: padding mit halber Strichstärke des Rahmens im Zusammenhang mit overflow: visible. →Pen

Auch mag der IE11 (Edge hab' ich nicht getestet) kein vector-effect: non-scaling-stroke, was die Latte dieses Attribut zu verwenden nochmal höher hängt.

Vielleicht für alte Browser (und für ganz alte sowieso) eine Rastergrafik als Fallback verwenden?
@supports(vector-effect: non-scaling-stroke) { … }

LLAP 🖖