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.