Esempio SVG semplice

Le immagini SVG HTML5 possono essere molto semplici, mostrano un rettangolo semplice di 100 pixel di larghezza e 100 pixel di altezza.

Esempio online

Le immagini SVG possono essere molto semplici o molto complesse. Questo è un esempio semplice:

<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>

Come puoi vedere, questo esempio è puramente XML:

Questo esempio mostra un rettangolo semplice, con larghezza di 100 pixel e altezza di 100 pixel. Il colore del tratto (contorno del rettangolo) è impostato su HTML color #ff0000. Il colore di riempimento è impostato su #0000ff.
L'immagine SVG generata è la seguente: