HTML5 - SVG

O Formato SVG (Scalable Vectorial Graphics) é uma especificação de linguagem baseada em XML para representar arquivos vetoriais bidimensionais, estáticos ou animados.

Com o elemento img

No HTML 5 você pode usar o elemento img para incorporar um arquivo de formato vetorial SVG em um documento. Antes de usar este recurso em seus projetos, verifique a compatibilidade desta marcação com os agentes de usuário.

Rabisco em SVG
<img src="imagens/rabisco.svg" alt="Rabisco em SVG"/>

Elemento svg

Também é possível incorporar um trecho de código SVG para representar uma imagem vetorial construída a partir de coordenadas numéricas e de informações de contorno e preenchimento.

O elemento svg não é nativo da linguagem HTML 5, mas pode ser lido dentro um documento HTML 5.

<svg>
<rect  width="90" height="60" x="50" y="0" fill="#00FFCC" stroke="#FF0000" stroke-width="3"/>
</svg>