O que é canvas e de onde ele surgiu?

Canvas foi uma tecnolgia criada pela apple e incorporada primeiramente ao motor de renderização webkit (safari), mas tarde foi inserida no Gecko e no Opera e padronizada pelo WHATWG.

Introdução:

Antes de mais nada quero esclarecer que esse post é um tutorial, para pessoas que querem aprender o canvas rápidamente…. caso você queira entender a fundo como funciona de uma olhada nos seguintes links:

para começar, antes de tudo devemos iniciar a tag <canvas> exemplo:

<canvas id="c1" width="500" height="500">
Aqui dentro você pode colocar qualquer coisa que vai aparecer caso o navegador não tenha suporte ao elemento canvas.
</canvas>

O elemento canvas tem 2 atributos para definir o tamanho (width e height) e 1 atributo para identificação (id), somente. Mais >