Exemple simple SVG

HTML5 Les images SVG peuvent être très simples, affichant un rectangle simple, dont la largeur est100 pixels, la hauteur est100 pixels.

Exemple en ligne

Les images SVG peuvent être très simples ou très complexes. Voici un exemple simple :

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

Comme vous pouvez le voir, cet exemple est pur XML :

L'exemple montre un rectangle simple, dont la largeur est100 pixels, la hauteur est100 pixels. La couleur de tracé (contour du rectangle) est définie sur la couleur HTML #ff0000. La couleur de remplissage est définie sur #0000ff.
L'image SVG générée est affichée ci-dessous: