Canvas – Kleber's Blog

Tutorial de Canvas – Parte 7 – Animações básicas

Este é o sétimo e último artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como criar animações básicas no Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 7 – Animações básicas

Tutorial de Canvas – Parte 6 – Composição

Este é o sexto artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como aplicar efeitos de composição aos objetos desenhados no Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 6 – Composição

Tutorial de Canvas – Parte 5 – Transformações

Este é o quinto artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como aplicar transformações aos objetos desenhados no Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 5 – Transformações

Tutorial de Canvas – Parte 4 – Aplicando estilos e cores

Este é o quarto artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos aplicar estilos e cores à objetos desenhados no Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 4 – Aplicando estilos e cores

Tutorial de Canvas – Parte 3 – Usando imagens

Este é o terceiro artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como usar manipular imagens com o Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 3 – Usando imagens

Tutorial de Canvas – Parte 2 – Desenhando formas

Este é o segundo artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos como desenhar formas simples com o Canvas (como triângulos, linhas e arcos). Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 2 – Desenhando formas

Tutorial de Canvas – Parte 1 – Uso básico do Canvas

Este é o primeiro artigo de uma série que irá apresentar os recursos disponibilizados pela nova tag <canvas> do HTML5. Nesse artigo, veremos alguns exemplos de uso básico do Canvas. Você pode acessar uma lista de todos os artigos da série nesse link.
Continuar lendo Tutorial de Canvas – Parte 1 – Uso básico do Canvas

Tutorial de Canvas

O <canvas> é um elemento do HTML que pode ser usado para desenhar gráficos através do uso de scripts (normalmente JavaScript). Pode, por exemplo, ser usado para desenhar gráficos, criar composições de fotos ou criar animações simples (ou não). A imagem abaixo mostra alguns exemplos de implementações do <canvas> que veremos nos artigos seguintes.

Continuar lendo Tutorial de Canvas