O que é Canvas? Conheça essa fantástica novidade do HTML 5!

Você já ouviu falar num tal de Canvas? Já e não entendeu? Pois vou explicar para você. Em 2009 a W3C anunciou as primeiras especificações do novo HTML, chamado de HTML 5. É meus queridos, preparem-se para botarem seus respectivos cocorutos para trabalharem pois muita coisa nova devemos aprender nessa nova versão HTML.

A alteração mais interessante sem dúvida diz respeito a vídeos e imagens. Para colocar uma tag chamando um vídeo por exemplo não é necessário mais aquele monte de códigos de objeto. Basta um <video>, assim como hoje temos a tag <img>.

A versão de teste do HTML 5 já está rolando por aí e sei que Firefox e Chrome rodam essa versão muito bem. Por isso experimentos feitos coma s novidades do HTML 5 já podem ser encontrados.

Uma delas é a que você vê abaixo:

Opa! Se você não esta vendo nada aqui é porquê você não está no Firefox. Experimente usar o Firefox e veja o poder do HTML 5!

Trata-se de uma experiência chamada Cloth Simulation, feito por Andrew Hoyer e disponível em seu site. Se você estiver vendo esse post no Firefox, irá notar que podemos mexer essas linhas como um lençol num varal. Se você clicar com o botão direito em cima da imagem irá notar que isso não é flash, não é plugin, active-x, nada disso. É apenas uma tag chamada <canvas>. Com ele é possível gerar linhas, circulos, quadrados e uma infinidade de formas geométricas, combinados com Javascript.

As possibilidades de uso dessa ferramenta para geração e alteração de imagens é fantástica! Nesse site, Canvas Demos, você irá encontrar dezenas de experimentos como esse que mostrei aqui.

Sinta o poder do Canvas, clicando aqui!

Para o alto e Avante!

Bruno Ávila

Um pequeno menino risonho e falante, que gosta de arroz, batata-frita e chocolate. Sua diversão é fazer layouts, publicidade e cursos marotos para alunos supimpas. E nas horas vagas, claro, trabalha um pouquinho. ;D

10 Comentários

raffcatalan

01/02/2010 às 7:23 pm

Ótima Bruno, a inserção do Html 5 na web, será um desafio para nós designers, com tantas novidades e possibilidades de combinação, entra em cena a nossa missão, que é de solucionar, intrigar e impressionar cada vez mais a interação do usuário com as páginas web.

Guilherme

01/02/2010 às 7:38 pm

Fantástico. Fico pensando em como será a web daqui algumas décadas. Do jeito que o negócio ta indo, vai ser mesmo surpreendente.

Osmair

08/02/2010 às 4:16 pm

Esta dando pal aqui.

versão firefox 3.0.17

——————————-
document.getElementById(“twitter_update_list”) is null
[Break on this error] document.getElementById(‘twitter_updat…list’).innerHTML = statusHTML.join(”);\n