Como construir uma imagem em sua página html5 com a tag

Video: Criar banner rotativo. HTML5 CSS3 aula 43

o elemento permite que você construa uma imagem baseada em vetor diretamente na página usando a linguagem de marcação SVG. É muitas vezes usado para criar gráficos ou outras visualizações dinamicamente. codificação de amostra se parece com isso:

A saída deste código de exemplo se parece com:

SVG usa um sistema de XML muito semelhante ao XHTML. Cada elemento é descrito por uma marcação, que tem vários atributos que definem a sua dimensão, posição, e cor. Você pode modificar elementos SVG com uma forma de CSS- Você pode criar e modificar o código SVG em tempo real com javascript code-ou exportar uma imagem SVG de uma ferramenta como o Dia ou Inkscape, e incorporar o resultado de desenho diretamente na página.

A principal vantagem de um formato de imagem com base em vetores como SVG é a capacidade de dimensionar a imagem sem perder qualidade de imagem.

Todos os principais navegadores, exceto versões do IE antes IE9, apoiar algum nível de SVG.

Para mais informações sobre o padrão SVG, consulte a página W3C SVG.