HTML5 Canvas Free Tutorial 1.0
Você poderá baixar em 5 segundos.
Sobre HTML5 Canvas Free Tutorial
O elemento é apenas um recipiente para gráficos. Você deve usar um script para realmente desenhar os gráficos. Uma tela é uma área retangular e tem vários métodos para desenhar caminhos, caixas, círculos, caracteres e adicionar imagens.
O elemento é um novo elemento de marcação HTML5 que permite desenhar em uma página da Web sem usar APIs ou plug-ins do Modelo de Objeto de Documento (DOM). Embora um pouco novo, o elemento tem sido adotado pela maioria dos navegadores modernos.
Em vez de criar gráficos na tela usando elementos HTML e outras marcações com estilo CSS, o Canvas permite o desenho de gráficos usando diretamente comandos JavaScript como drawRect, fill e drawImage. Além disso, é possível manipular pixels diretamente para modificar imagens e criar efeitos especiais. Embora o Canvas seja atualmente uma API de desenho 2D, o suporte 3D está planejado para lançamentos futuros.
Nota: - O elemento não tem habilidades de desenho próprias - Todo o desenho deve ser feito dentro do JavaScript. Por padrão, o elemento não tem fronteira e nenhum conteúdo - O fallback_content opcional é renderizado por navegadores que não suportam a tag de lona - Permite o desenho de gráficos diretamente sem ter que recorrer
ou truques CSS - O Canvas é um padrão web, suportado pela maioria dos navegadores, com implementações compatíveis - A tela é uma grade bidimensional. - Mais facilmente acelerado hardware resultando em animações rápidas - O canto superior esquerdo da tela tem coordenada (0,0) - No futuro, o Canvas suportará contextos diferentes do '2d', como a especificação do WebGL pendente para gráficos 3D.