Por vezes procuramos soluções que possamos usar sem grande requinte nem requisitos pesados, para desempenhar pequenas tarefas. Uma página na net que nos deixe fazer uns riscos, meter umas legendas e mandar por mail o link, descarregar a imagem para imprimir ou dar outro tipo de fim… é bem pensado.
Foi este o raciocínio dedutivo dos programadores que fizeram, em HTML5 (recorrendo ao Canvas) e JavaScript, este serviço interessante, com laivos de traço vectorial… muito comum nalgumas aplicações conhecidas.
Quando falamos nesta e noutras ferramentas do género, devemos referir que o HTML5 ainda não é uma tecnologia pronta, terminada e definida. Ainda não se sabe o que sairá da tão aclamada quinta geração do HTML. Mas estes são já bons exemplos.
Então, neste caso particular, temos presente o Canvas, que é um recurso interessante. Este permite a criação de gráficos e animações simples, ou até mesmo complexas, dependendo do objectivo. Este recurso baseia-se na utilização do elemento HTML CANVAS juntamente com Javascript. A partir daqui, e com alguma imaginação, podem ser criados os mais diversos tipos de gráficos, chegamos mesmo ao ponto de podermos criar gráficos complexos, jogos, etc… sem sequer termos de recorrer à instalação de qualquer plugin, nada, nem mesmo flash, aliás a contenda é mesmo entre estes dois ilustres recursos.
O Canvas é suportado neste momento pela grande maioria dos browsers, a titulo de exemplo deixo alguns (Firefox, Chrome, Opera, Safari e IE).
Pronto, neste momento está minimamente explicado o cerne deste serviço, resta agora sugerir que crie uma conta gratuita e que comece a desenhar.
Podemos utilizar o rato para fazer determinadas acções, mas existem outras que somente no teclado as podemos aplicar:
- C = Começar a desenhar uma nova curva
- L = Começar a desenhar uma nova linha
- Ctrl+D = Duplicar uma selecção
- Page Up = Move o desenho seleccionado um nível a frente
- Page Down = Move o desenho seleccionado um nível para a trás
- Home = Traz para a frente o desenho seleccionado
- End = Leva para trás o desenho seleccionado
- Ctrl+G = Agrupa as imagens seleccionadas
- Ctrl+Shift+G = Desagrupa as imagens seleccionadas
- + = Mais Zoom
- – = Menos Zoom
- Shift + = Repõe o zoom normal
- Teclas das Setas = Movimenta o desenho quando está dimensionado
Algumas características:
- Download e partilha dos seus desenhos nos formatos PNG, PDF e SVG.
- Desenhe caixas, círculos, linhas, curvas e figuras à mão livre
- Se o browser suportar, pode colocar sombras nos objectos
- Escreva texto num tipo de fonte tipo manual renderizada no servidor do serviço
- Coloque as imagens à escala e na posição que entender, de forma individual ou um grupo de imagens
- Seleccione cores com o suporte da paleta de cores HSV.
- Anule e repita acções sem número limitado de vezes
Depois de fazer o seu desenho, grave no seu computador numa das extensões disponíveis ou partilhe, solicitando o respectivo link: como este.
Embora o serviço não ofereça uma gama de ferramentas de desenho minima, oferece um pequeno local onde poderá esquematizar uns desenhos e partilhar mesmo sem ter nada instalado na sua máquina. Se necessitar de umas legendas, umas caixas e umas setas… assim do pé para a mão, agarre no Zwibbler.