SVG einfaches Beispiel

HTML5 SVG-Bilder können sehr einfach sein, zeigen ein einfaches Rechteck mit einer Breite von100 Pixel, Höhe von100 Pixel.

Online-Beispiel

SVG-Bilder können sehr einfach oder sehr komplex sein. Dies ist ein einfaches Beispiel:

<svg　　xmlns="http://www.w3.org/2000/svg"
　xmlns:xlink="http://www.w3.org/1999/xlink">
　<rect　x="10"　y="10"　height="100"　width="100"　style="stroke:#ff0000;　fill:　#0000ff"/>
</svg>

Wie Sie sehen können, ist dieses Beispiel rein XML:

Dieser Beispiel zeigt ein einfaches Rechteck mit einer Breite von100 Pixel, Höhe von100 Pixel. Strichfarbe (Rechteckkontur) auf HTML-Farbe #ff0000 gesetzt. Füllfarbe auf #0000ff gesetzt.
Das generierte SVG-Bild ist wie folgt dargestellt: