Простые примеры SVG

SVG изображения HTML5 могут быть очень простыми, они показывают простую прямоугольник, ширина которого 100 пикселей, а высота 100 пикселей.

Онлайн пример

SVG изображения могут быть очень простыми, а могут быть очень сложными. Это пример простоты:

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

Как вы видите, этот пример является чистым XML:

Этот пример показывает простую прямоугольник с шириной 100 пикселей и высотой 100 пикселей. Цвет обводки (контур прямоугольника) установлен в HTML цвет #ff0000. Цвет заливки установлен в #0000ff.
Генерированное изображение SVG выглядит следующим образом: