A um tempo atrás o blog Web Designer Wall fez mais um de seus interessantes posts mostrando como é possível criar imagens em escala cinza com JavaScript, mas especificamente com a utilização de HTML5 (Canvas). Só que como todos sabem, o Internet Explorer não tem suporte a esse tipo de feature, mas você pode contornar isso facilmente com um código prorietário da Microsoft.
Nesse interessante vídeo produzido pelo pessoal da Adobe, você vai aprender o básico sobre como utilizar a tag canvas do HTML5 para criar desenhos com JavaScript.
A medida em que os browsers vão evoluindo, novas tecnologias surgem, como, por exemplo, o Canvas, um possível concorrente para o SVG (mas atente-se, são tecnologias diferentes), onde inclusive a Microsoft anunciou suporte no IE9. O objetivo desse post é explorar as diferenças entre essas tecnologias, que são voltadas a criar gráficos no navegador, dando-lhe conhecimentos necessários para utilizar SVG ou Canvas de forma eficaz.
Com certeza você já deve ter ouvido falar por aí e muito dessa nova tag do HTML5 e suas possibilidades, mas você sabe o significado dessa nova tag?
O elemento canvas permite no HTML através de uma área determinada na página criar desenhos através de scripts, desenhar e renderizar imagens, permitindo aos desenvolvedores criarem coisas que até então eram possíveis somente com a utilização do Flash, com a vantagem de que com o uso de canvas não precisamos de nenhum plugin de terceiros instalado no navegador.
