O programa Windows Paint acompanha todas as versões do Windows. Este programa muito simples e quase inútil possui as funções de desenho mais básicas e é muito adequado para rabiscar. O objeto Canvas do HTML5 torna possível o desenho on-line. Embora o HTML5 esteja longe de estar maduro, muitas pessoas mal podem esperar para usá-lo para projetar aplicativos incríveis.
CanvasPaint é um programa de pintura padrão do Windows baseado em HTML5. Possui a mesma interface e operação do programa Windows Paint e suas funções são quase idênticas. Com o suporte de navegadores específicos, você pode até salvar o trabalho final em sua máquina local. Este não é um projeto recente, existe desde 2006, portanto a maioria dos navegadores atuais que suportam padrões (Firefox, Safari, Chrome, Opera) podem usar este programa normalmente. Aqui estão algumas explicações do autor sobre este projeto.
Por que este programa foi desenvolvido?
O objetivo não é desenvolver um programa de desenho para Windows, mas experimentar a função Canvas do HTML5.
O modo de usar é igual aos programas de desenho padrão do Windows.
Pode ser salvo?
Sim, mas suporta apenas Firefox 2 e Opera 9 (Nota do tradutor: Este é um programa implementado pelo autor em 2006). Para salvar localmente, selecione Baixar no menu Arquivo, salve online e selecione Salvar online, uma URL será gerada automaticamente para exibir seu trabalho online.
O menu do botão direito do próprio navegador afeta o uso do menu do botão direito. Você pode desativar o menu do botão direito nas configurações do navegador.
Por que algumas funções não estão disponíveis?
Alguns recursos são suportados em versões específicas do navegador (Nota do tradutor: isto é de 2006):
Seletor de coresFirefox 2.0Opera 9 Flood fillOpera 9 Salvar imagemFirefox 2.0Opera 9 Abrir URLFirefox 1.5Opera 9Latest O objeto WebKit Canvas é fácil de usar?
Ótimo para aplicativos que não requerem suporte entre navegadores. Mas na pintura, o maior problema é que, limitado pela taxa de atualização do evento mousemove, não é fácil encontrar a posição do cursor, principalmente quando se utiliza um aerógrafo. Além disso, quando o tamanho fica muito grande, ele fica muito lento e não há função getPixel().
Detalhes Técnicos Cinco objetos Canvas são usados no programa.
Uma prancheta principal, uma camada de prancheta transparente flutuando acima para exibir o conteúdo da pintura de visualização, um Canvas oculto usado para armazenar em cache o conteúdo selecionado, outro usado para armazenar em cache o status de desfazer e um usado na barra de título do programa para exibir cores gradientes.
Experimentos de HTML5 Canvas de outros
Canvasscape 3D (implementando um jogo simples de tiro em primeira pessoa usando HTML5)
CanvasGraph (uma biblioteca JavaScript de desenho de tela HTML5)
Reflexões de imagem (implementando reflexões de imagem usando HTML5 Canvas)
Canvas Painter (um programa de desenho Canvas mais simples)
Um programa de desenho HTML verdadeiramente incrível Se o programa acima deixou você entusiasmado com o recurso Canvas do HTML5, aqui está um programa de desenho que irá impressioná-lo. Possui uma experiência de interface e suavidade que não é inferior à do desktop. Em um computador com várias telas, tenho até vontade de arrastar aqueles painéis de ferramentas flutuantes para a segunda tela.
-