SVG Format
SVG Grundaufbau

SVG Grundaufbau

Vorbemerkung

Im August 2010 schrieb das Computermagazin ct: "Der Markt SVG-fähiger Browser liegt bei 40%" (ct 19/2010, S. 175). Dieser Anteil dürfte sich inzwischen signifikant erhöht haben. Alle wichtigen Browser, vom Internet Explorer ab Version 9 bis zum Blackberry Browser ünterstützen die SVG-Basisfunktionen. Nur der Internet Explorer 8, der immer noch eine recht weite Verbreitung hat, kommt mit SVG gar nicht zurecht. caniuse.com gibt die Unterstützungsrate der aktuellen Browser mit knapp 85% an. Deutlich niedriger ist diese Rate allerdings bei einigen SVG-Spezialdisziuplinen, etwa der SMIL-Animation oder SVG-Filtern.

Wie bereits erwähnt ist das Dateiformat SVG eines der wichtigsten, wenn es um Vektorgrafiken geht. Das ist ein guter Grund, sich den Aufbau einer SVG-Grafikdatei näher anzusehen. Das ist auch nicht schwer, denn im Unterschied zu einer Datei für ein bitmaporientiertes Grafikformat, bei dem man in einem normalen Texteditor (fast) nur unentzifferbaren Code findet, ist in einer SVG-Datei schnell erkennbar worum es geht.

Validierung

Wer schon häufig mit HTML-Code gearbeitet hat, kennt und schätzt die Validierungstools des W3.Org, die auch SVG-Code unterstützten. Auch wenn diese Tools nicht jeden Fehler finden, sind sie doch ein wichtiges Hilfsmittel, um formale Fehler zu beseitigen.

Hinweis

Für den größten Teil der Erklärungen hier benutze ich den SVG-Editor SVGEdit und auf meinem PC Notepad++. Die hier dargestellten Beispiele wurde aus Gründen der Abwärtskompatibiltät nicht als SVG-Grafiken sondern als Bitmap-Grafiken im PNG-Format eingebunden.