Programação canvas

23

Depois de experimentar operações compostas e desenhar imagens na tela, agora estou tentando remover imagens e composição. Como eu faço isso? Preciso limpar a tela para redesenhar outras imagens; isso pode continuar por um tempo, então não acho que desenhar um novo retângulo toda vez seja a opção mais eficiente.

1013 javascript html canvas html5-canvas composite

5

Usando HTML5 / Canvas / JavaScript para capturar capturas de tela no navegador

"Relatar um bug" ou "Ferramenta de feedback" do Google permite selecionar uma área da janela do navegador para criar uma captura de tela que é enviada com seus comentários sobre um bug. Captura de tela de Jason Small, postada em uma pergunta duplicada . Como eles estão fazendo isso? A …

924 javascript html canvas screenshot

11

Capturar tela HTML como gif / jpg / png / pdf?

É possível capturar ou imprimir o que é exibido em uma tela html como uma imagem ou pdf? Gostaria de gerar uma imagem via tela e poder gerar um png a partir dessa imagem.

719 javascript html canvas export png

18

Redimensionando uma imagem em uma tela HTML5

Estou tentando criar uma imagem em miniatura no lado do cliente usando javascript e um elemento de tela, mas quando diminuo a imagem, ela parece terrível. Parece que foi reduzido no photoshop com a reamostragem definida como 'Vizinho mais próximo' em vez de Bicubic. Eu sei que é possível fazer …

314 javascript html canvas image-resizing

22

Como obtenho as coordenadas de um clique do mouse em um elemento da tela?

Qual é a maneira mais simples de adicionar um manipulador de eventos click a um elemento da tela que retornará as coordenadas xey do clique (em relação ao elemento da tela)? Nenhuma compatibilidade de navegador herdada é necessária, o Safari, o Opera e o Firefox farão.

276 javascript canvas

4

Como posso animar o desenho de texto em uma página da web?

Eu quero ter uma página da web que tenha uma palavra centralizada. Quero que essa palavra seja desenhada com uma animação, de modo que a página "escreva" da mesma maneira que gostaríamos, ou seja, começa em um ponto e desenha linhas e curvas ao longo do tempo, de modo que …

229 javascript css canvas html5-canvas css-shapes

2

Por que minhas bolas estão desaparecendo? [fechadas]

Fechadas. Esta pergunta não é reproduzível ou foi causada por erros de digitação . No momento, não está aceitando respostas. Deseja melhorar esta pergunta? Atualize a pergunta para que ela esteja no tópico do Stack Overflow. Fechado há 6 anos . Melhore esta pergunta Perdoe o título engraçado. Eu criei …

202 javascript canvas geometry physics collision

8

Como alterar a opacidade (alfa, transparência) de um elemento em um elemento de tela depois de ter sido desenhado?

Usando o <canvas>elemento HTML5 , eu gostaria de carregar um arquivo de imagem (PNG, JPEG, etc.), desenhá-lo na tela de forma completamente transparente e depois desbotá-lo. Eu descobri como carregar a imagem e desenhá-la no tela, mas não sei como alterar sua opacidade depois de desenhada. Aqui está o código …

196 html canvas transparency opacity alpha

8

A tela é esticada ao usar CSS, mas é normal com as propriedades "width" / "height"

Eu tenho 2 telas, uma usa atributos HTML widthe heightpara dimensioná-la, a outra usa CSS: <canvas id="compteur1" width="300" height="300" onmousedown="compteurClick(this.id);"></canvas> <canvas id="compteur2" style="width: 300px; height: 300px;" onmousedown="compteurClick(this.id);"></canvas> O Compteur1 é exibido como deveria, mas não o compteur2. O conteúdo é desenhado usando JavaScript em uma tela de 300 x 300. …

194 css html canvas height width

14

Qual é a melhor maneira de definir um único pixel em uma tela HTML5?

O HTML5 Canvas não tem método para definir explicitamente um único pixel. Pode ser possível definir um pixel usando uma linha muito curta, mas o antialising e os limites de linha podem interferir. Outra maneira pode ser criar um ImageDataobjeto pequeno e usar: context.putImageData(data, x, y) para colocá-lo no lugar. …

184 html canvas pixel

4

Largura e altura da tela em HTML5

É possível corrigir a largura e a altura de um HTML5 canvas elemento ? A maneira usual é a seguinte: <canvas id="canvas" width="300" height="300"></canvas>

181 html canvas

7

html5 - elemento canvas - Várias camadas

Sem nenhuma biblioteca de extensão, é possível ter várias camadas no mesmo elemento da tela? Então, se eu fizer um clearRect na camada superior, ela não apagará a inferior? Obrigado.

176 html canvas layer

6

Capturar assinatura usando HTML5 e iPad

Alguém sabe como isso pode ser feito? Você usaria um objeto de tela, svg, jQuery, etc?

165 ipad html canvas svg

13

Aumente o zoom em um ponto (usando a escala e a conversão)

Quero poder ampliar o ponto sob o mouse em uma tela HTML 5, como o zoom no Google Maps . Como posso conseguir isso?

156 javascript html canvas

4

jQuery equivalente a obter o contexto de um Canvas

Eu tenho o seguinte código de trabalho: ctx = document.getElementById("canvas").getContext('2d'); Existe alguma maneira de reescrevê-lo para usar $? Fazer isso falha: ctx = $("#canvas").getContext('2d');

155 javascript jquery html canvas

Perguntas com a marcação «canvas»