SVG skalieren

[ThomasM]

Hallo Jürgen,

Gibt es eine Möglichkeit, diese Grafik so zu gestalten, dass die Positionsangaben mit der Größe des SVG-Elements mit skalieren, die Text-Größe und die Linienstärke aber nicht?

Für Linienstärken funktioniert in neueren Browsern bereits die für SVG2 vorgesehene Eigenschaft bzw. Attribut vector-effect mit Wert non-scaling-stroke.

Im CSS:

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

Für Textgrößen kenne ich nichts Vergleichbares. 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.

Grüße, Thomas