SVG auf dem Vormarsch

Definition

Das W3C definiert SVG als Sprache, die zweidimensionale Grafiken in XML beschreibt. SVG unterstützt dabei drei Arten von grafischen Objekten: Vektorgrafiken (beispielsweise Linien, Kurven, Polygone, Pfade), Pixelbilder und Text. SVG ermöglicht, dass grafische Objekte gruppiert, verändert oder in andere, vorher gerenderte Objekte transformiert werden. Beschneidungspfade, Alphakanäle oder Filtereffekte sind dabei besondere Features. In SVG erstellte Grafiken können zudem interaktive und dynamische Eigenschaften besitzen. Die besonderen Spezifikationen von SVG führt das W3C im Statuspapier auf.

Als grundlegende Formen für Grafiken dienen Rechtecke, Kreise, Ellipsen, Linien, Polylinien und Polygone.

Der folgende Code zeigt die einfache Grundstruktur einer in SVG erstellten Grafik:

<?xml version="1.0"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG July 1999//EN""http://www.w3.org/Graphics/SVG/svg-19990730.dtd">
<svg width="4in" height="10in">
<desc> Blauer Kreis mit rotem Rand.</desc>
<g>
<circle style="fill: blue; stroke: red"
cx="200" cy="200" r="100"/>
</g>
</svg>

Das Ergebnis ist ein blauer Kreis mit einem roten Rand - ein einfaches Beispiel für eine SVG-Grafik, die Sie sich bei installiertem Plugin hier anschauen können.