Perguntas com a marcação «canvas»

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.

5
Desenhar uma imagem de um URL de dados para uma tela
Como posso abrir uma imagem em um Canvas? que é codificado Estou usando o var strDataURI = oCanvas.toDataURL(); A saída é a imagem de base 64 codificada. Como posso desenhar essa imagem em uma tela? Quero usar o strDataURI e criar a imagem? É poosible? Se não for, qual pode …
112 image  html  canvas  data-uri 
14
Tamanho máximo de um elemento <canvas>
Estou trabalhando com um elemento de tela com altura de 600a 1000pixels e largura de várias dezenas ou centenas de milhares de pixels. No entanto, após um certo número de pixels (obviamente desconhecido), a tela não exibe mais as formas que desenho com JS. Alguém sabe se existe um limite? …
112 javascript  html  canvas 
4
Como adicionar imagem à tela
Estou experimentando um pouco com o novo elemento canvas em HTML. Eu simplesmente quero adicionar uma imagem à tela, mas não funciona por algum motivo. Eu tenho o seguinte código: HTML &lt;canvas id="viewport"&gt;&lt;/canvas&gt; CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById('viewport'), context = …
106 javascript  html  canvas 
8
Como centralizar a tela em html5
Há algum tempo procuro uma solução, mas não encontrei nada. Talvez sejam apenas meus termos de pesquisa. Bem, estou tentando fazer o centro da tela de acordo com o tamanho da janela do navegador. A tela é 800x600. E se a janela ficar abaixo de 800x600, ela também deve ser …
105 html  canvas  css  resize 
3
Use HTML5 para redimensionar uma imagem antes do upload
Eu encontrei alguns posts diferentes e até mesmo perguntas sobre stackoverflow respondendo a esta pergunta. Estou basicamente implementando a mesma coisa que este post . Então aqui está o meu problema. Ao fazer upload da foto, também preciso enviar o restante do formulário. Aqui está o meu html: &lt;form id="uploadImageForm" …
102 javascript  html  canvas 
9
O pacote cairo não foi encontrado no caminho de pesquisa do pkg-config. Problema de tela de instalação do Node js
Estou tendo um problema ao instalar o módulo canvas no node .. Parece ser algo com o Cairo que estou recebendo este erro ... npm http GET https://registry.npmjs.org/canvas npm http 304 https://registry.npmjs.org/canvas npm http GET https://registry.npmjs.org/nan npm http 304 https://registry.npmjs.org/nan &gt; canvas@1.1.3 install /Users/plimb/Desktop/motion-therapy/node_modules/canvas &gt; node-gyp rebuild Package cairo was …
5
Obtenha distância entre dois pontos na tela
Eu tenho a guia de desenho da tela e quero que a largura de linha seja baseada na distância entre as duas últimas atualizações de coordenadas do mousemove. Eu mesmo farei a translação da distância para a largura, só preciso saber como obter a distância entre esses pontos (já tenho …
100 javascript  canvas 
6
Como preencher toda a tela com uma cor específica?
Como preencher todo o HTML5 &lt;canvas&gt;com uma cor. Já vi algumas soluções como essa para mudar a cor do fundo usando CSS mas essa não é uma boa solução já que o canvas fica transparente, a única coisa que muda é a cor do espaço que ocupa. Outra é criar …
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.