Beispiel zur Notiz „SVG mit CSS gestalten“

Strichstärke festhalten mit non-scaling-stroke

Das SVG ist mit preserveAspectRatio="none" stark in die Breite gezogen. Die obere Linie (stroke-width="1") wird dabei dick und unförmig, die untere mit vector-effect: non-scaling-stroke bleibt 1 Pixel.

Getestet in Chrome 155. Browserstand und Einordnung: siehe Notiz.