SVG auf dem Vormarsch
Grundelemente und Attribute
Die Definition der Formen/Objekte nimmt der Anwender über Zuweisungen vor. Im Detail stellen sich die Aufrufe der wichtigsten Grafikelemente wie folgt dar:
SVG
svg x, y, width, height / allowZoomAndPan
Das Element svg definiert die Größe des Bereichs, in dem die Grafik erscheint. x, y geben die Koordinaten der Zielposition an. Das Attribut allowZoomAndPan (Defaulteinstellung: true), erlaubt Zoomen und Schwenken.
Rechteck
rect x, y, width, height
Optional rx, ry für gerundete Rechtecke.
Kreis
circle cx, cy, r
Die Parameter definieren Zentrum und Radius des Kreises.
Ellipse
ellipse cx, cy, rx, ry
Definiert werden Zentrum sowie der x/y-Achsenradius der Ellipse.
Linie
line x1, y1, x2, y2
x1, x2, y1 und y2 geben den Start- und Endpunkt von Linien an.
Polylinie
polyline x1, y1 x2, y2 xn, yn
Mehrgliedrige Linie, nicht geschlossen, x/y-Koordinatenpaare, durch Leerzeichen oder Komma getrennt "40,40 50,80 200,60 90,120".
Polygon
polygon
Wie bei Polylinie, die Figur wird automatisch geschlossen.
Bei diesen Elementen sind nur die wichtigsten Attribute angegeben. Ergänzungen sind in der Spezifikation des W3C weiter ausgeführt. SVG erlaubt die Anwendung von unterschiedlichen Objektmodifikationen wie Farbverläufen, Transparenz oder Beschneidungspfaden. Transparenzen oder Maskierungen sind ebenfalls möglich.