Der übergeordnete XML-Tag

(Auszug aus "Das Einsteigerseminar SVG — Webgrafiken mit XML" von Helma Spona)

Nach Angabe der DTD folgt der eigentliche Code der SVG-Datei. Er wird immer mit dem Tag <svg> eingeleitet und mit </svg> beendet. Innerhalb dieser beiden Tags geben Sie die Inhalte der Datei an. Dazu können Sie alle von SVG unterstützten Tags verwenden.

Im einleitenden <svg>-Tag können Sie allerdings Attribute verwenden. Sie können damit bspw. die Größe der Grafik in Pixel festlegen. Im folgenden Listing wird bspw. eine leere Grafik von 500 x 500 Pixel erzeugt. Dies wird über die Attribute width und height der Zeile:

bestimmt.

Hinweis:
Standardmäßig wird die Einheit Pixel verwendet, wenn Größen- oder Längenangaben gemacht werden müssen. Sie können aber die Einheit auch explizit angeben, indem Sie bspw. <svg width="500px" height="500px"> schreiben. Neben Pixeln stehen noch weitere Einheiten zur Verfügung, die unter Das Koordinatensystem von SVG-Grafiken behandelt werden. Die Größe, die Sie hier angeben, bestimmt die Größe der Grafik. Allerdings heißt das nicht, dass die Grafik auch in dieser Größe in der HTML-Seite angezeigt wird. Geben Sie hier eine andere Größe an, kann es sein, dass nicht die gesamte Grafik sichtbar ist.