Beispiel zur Notiz „SVG-Code verstehen“

viewBox: dieselbe Zeichnung, verschiedene Koordinaten

Alle drei SVGs sind 160 × 160 Pixel groß und enthalten denselben Kreis mit r="4" in der Mitte. Nur die viewBox unterscheidet sich, und damit, wie groß 4 User Units auf dem Bildschirm sind.

Angelehnt an das viewBox-Beispiel von MDN.

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

viewBox="0 0 100 100"
viewBox="0 0 10 10"
viewBox="-5 -5 10 10"