Gráficos HTML5

Esta seção contém informaçõesm exemplos e tutoriais de gráficos HTML5.

Nesta seção

TópicoDescrição

SVG versus canvas: como escolher

Inicialmente, este tópico fornece uma comparação entre o SVG e o Canvas, enfocando em seguida vários exemplos de código comparativos, como rastreamento de raios e triagem de verde.

Exemplos de uso do SVG e Canvas

HTML5 Canvas e Scalable Vector Graphics (SVG) são ferramentas muito eficientes para a criação de gráficos da Web interativos. A comparação das técnicas de programação dessas duas tecnologias pode ajudar a decidir qual delas escolher. Os códigos de exemplo anotados e a discussão técnica deste tutorial mostrarão como.

Canvas HTML5

Esta seção contém informações, exemplos e tutoriais do Canvas HTML5.

SVG

O SVG (Elementos Gráficos Vetoriais Escaláveis), uma recomendação do W3C, é uma linguagem para descrever gráficos tridimensionais em XML. O SVG permite três tipos de objetos gráficos: formas gráficas vetoriais (por exemplo, caminhos que consistem em linhas retas e curvas), imagens e texto. Objetos gráficos (inclusive texto) podem ser agrupados, estilizados, transformados e combinados em objetos anteriormente renderizados. O conjunto de recursos SVG inclui transformações aninhadas, caminhos de corte, máscaras alfa e objetos de modelo.

 

Tópicos relacionados

Exemplos e tutoriais do Internet Explorer 9

 

 

Mostrar: