Canvas é um termo genérico para a superfície de desenho usada com muitas APIs de saída de gráficos de forma livre. Use esta tag com outras tags que indicam a API gráfica específica que está sendo usada junto com a linguagem de programação e o ambiente de destino: [android], [uwp], [wpf], [tkinter], [java], [html5], [chart.js] etc. etc. Inclua também uma tag de tela específica, como [android-canvas], [html5-canvas], [tkinter-canvas], se apropriado.
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...
"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 API de...
É 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
Qual é a melhor abordagem para criar elementos em tempo real e poder movê-los? Por exemplo, digamos que eu queira criar um retângulo, círculo e polígono, selecione esses objetos e mova-os. Entendo que o HTML5 fornece três elementos que podem tornar isso possível: svg , canvas e div . Pelo que eu...
Como posso dimensionar automaticamente o <canvas>elemento HTML5 para caber na página? Por exemplo, posso obter um <div>escalonamento definindo as propriedades heighte widthpara 100%, mas um <canvas>não escalará, não
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 com...
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
Estou trabalhando em um projeto de arte generativo em que gostaria de permitir que os usuários salvem as imagens resultantes de um algoritmo. A ideia geral é: Crie uma imagem em uma tela HTML5 usando um algoritmo generativo Quando a imagem estiver concluída, permita aos usuários salvar a tela...
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 o resultado final seja...
Estou usando a ferramenta JavaScript "Canvas2Image" da Nihilogic para converter desenhos de tela em imagens PNG. O que eu preciso agora é transformar as strings base64 que essa ferramenta gera, em arquivos PNG reais no servidor, usando PHP. Em resumo, o que estou fazendo atualmente é gerar um...
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 ....
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...
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;"
Estou tentando exibir um texto usando o código abaixo. O problema é que o texto não está centralizado horizontalmente. Quando defino as coordenadas para drawText, ele define a parte inferior do texto nessa posição. Gostaria que o texto fosse desenhado para que o texto também se centrasse...
Quero salvar minha tela em um img. Eu tenho esta função: function save() { document.getElementById("canvasimg").style.border = "2px solid"; var dataURL = canvas.toDataURL(); document.getElementById("canvasimg").src = dataURL; document.getElementById("canvasimg").style.display =...
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,...
É possível corrigir a largura e a altura de um HTML5 canvas elemento ? A maneira usual é a seguinte: <canvas id="canvas" width="300"
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
Alguém sabe como isso pode ser feito? Você usaria um objeto de tela, svg, jQuery,
Quero poder ampliar o ponto sob o mouse em uma tela HTML 5, como o zoom no Google Maps . Como posso conseguir