6.7Das Attribut viewBox

Mit diesem Attribut läßt sich eine Art Begrenzungsrahmen erstellen. Auftreten kann es u.a. in den Elementen <svg>, <symbol> und <pattern>. Mit Hilfe dieser Eigenschaft kann das Sichtfeld der Grafik eingeschränkt werden. Dazu wird die Grafik jedoch nicht beschnitten, sondern auf die Größe der neuen Viewbox angepaßt.

Sinnvoll ist einer Änderung des Sichtfelds v.a. dann, wenn eine Grafik nicht nur für die Ausgabe am Bildschirm, sondern auch für den Druck bestimmt ist. Besitzt diese Grafik beispielsweise eine Breite von 25 Zentimetern, so würde sie auf dem Bildschirm mehrere hundert Pixel einnehmen. Damit nun nicht zwei Grafiken für das jeweilige Ausgabemedium erstellt werden müssen, was einen doppelten Erstellungs- und Pflegeaufwand bedeuten würde, wird das Sichtfeld mit Hilfe des Attributs viewBox eingeschränkt. Möchte man die Grafik drucken, entfernt man diese Eigenschaft kurzerhand.

Das Attribut erwartet die Angabe einer x- und y-Koordinaten, einer Breite und einer Höhe in der Form viewBox="x y width height".