Gunnar Bittersmann: SVG skalieren

Beitrag lesen

problematische Seite

@@ThomasM

svg * { vector-effect: non-scaling-stroke; }

Oder als Attribut vector-effect="non-scaling-stroke".

Für Textgrößen kenne ich nichts Vergleichbares.

Wie mein geschätzter Kollege mir zuflüsterte, ist auch dafür was in der Mache.

Hier müsste man mit JS beim SVG-Element bzw. den Textelementen via onzoom oder onresize die Eigenschaft currentScale abfragen und den Textelementen bei selbiger Eigenschaft oder via transform="scale(x)" den reziproken Wert zuweisen.

In Making responsive SVG graphs wird unter Preventing the distortions wohl dasselbe behandelt.

LLAP 🖖

--
“The best way to help people learn: answer their coding question an hour later, they’ll have likely figured it out by then.” —Todd Motto
Selfcode: sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|