Resultados da pesquisa a pedido "canvas"
Como arrastar e soltar de uma tela HTML5 para outra
Estou tentando descobrir como arrastar e soltar uma imagem de uma tela para outra. Supondo que as telas estejam próximas umas das outras, seria possível arrastar facilmente algo através da borda? Caso contrário, é uma idéia melhor arrastar uma ...
Jogo HTML5 (Tela) - Técnicas de interface do usuário?
Estou no processo de construção de um jogo JavaScript / HTML5 (usando o Canvas) para celular (Android / iPhone / WebOS) com o PhoneGap. Atualmente, estou tentando projetar como a interface do usuário e o tabuleiro de jogo devem ser construídos e ...
Dados PNG Base64 para tela HTML5
Quero carregar uma imagem PNG codificada em Base64 para o elemento canvas. Eu tenho este código: <html> <head> </head> <body> <canvas id="c"></canvas> <script type="text/javascript"> var canvas = document.getElementById("c"); var ctx ...
Como distorcer uma imagem para criar uma bandeira balançando ao vento usando a tela html5
Dada uma imagem, preciso criar uma animação da imagem distorcida como se fosse uma bandeira balançando ao vento, usando javascript e uma tela html5. Bônus: eu também gostaria de poder exportar esta animação como um png.
A tela HTML5 ctx.fillText não faz quebras de linha?
Não consigo adicionar texto a uma tela se o texto incluir "\ n". Quero dizer, as quebras de linha não aparecem / funcionam. ctxPaint.fillText("s ome \n \\n <br/> thing", x, y);O código acima irá desenhar"s ome \n <br/> thing", em uma ...
Tela HTML move o círculo de a para b com animação
Eu queria saber qual seria a melhor maneira de mover um círculo do ponto A para o ponto B usando animação suave. Recebo novas coordenadas com websocket a cada segundo e gostaria de animar o movimento do círculo do último ponto para o novo ponto ...
Paintcode e Snap SVG
Estou tentando unir exemplos dePaintcode [https://www.youtube.com/watch?v=9SE2tmgYbCU]eSnap SVG [http://snapsvg.io/docs/] . Aqui [http://yepher.com/svgGearExample/slider.html]é um projeto simples que possui as engrenagens que giram quando um ...
PNG animado para tela
Estou usando um script para copiar um PNG animado, colocá-lo na tela para usar um filtro chromakey. Tudo parece estar funcionando, mas não consigo copiar a imagem na tela para animar. Estou usando DrawImage, que é onde dá errado. Estou tentando ...
Efeito lanterna de lona
Encontrei esse código em outra pergunta aqui, mas parece que nunca foi totalmente respondido. Como posso fazer com que a tela fique sempre preta e o mouse gere um efeito de lanterna para ver o que está embaixo da tela e depois se reabasteça? ...
é possível desenhar decoração de texto (sublinhado, etc.) com a API de texto HTML5 Canvas?
Estou usando a API da tela HTML5 para exibir algumas strings (canvas.fillText) e fiquei imaginando se a decoração do texto (como sublinhado, tachado etc.) era algo possível com a API da tela. Infelizmente não encontrei nada sobre isso. A única ...