HTML5 Canvas Free Tutorial 1.0

Licença: Livre ‎Tamanho do arquivo: 2.10 MB
‎Classificação dos usuários: 0.0/5 - ‎0 ‎Votos

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.

história da versão

  • Versão 1.0 postado em 2015-02-13

Detalhes do programa