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 as coordenadas...
Preciso saber desenhar polígonos em uma tela. Sem usar jQuery ou algo
Como preencher todo o HTML5 <canvas>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 algo com a cor dentro da tela, por...
Como posso colocar uma imagem na tela para desenhar nessa
Como posso obter a largura e a altura do elemento canvas em JavaScript? Além disso, qual é o "contexto" da tela sobre a qual continuo
Quero exibir todos os pontos em meu gráfico a partir dos dados que obtenho, mas não quero exibir todos os rótulos para eles, porque então o gráfico não é muito legível. Eu estava procurando por isso na documentação, mas não encontrei nenhum parâmetro que pudesse limitar isso. Não quero pegar...
Quando desenho um texto em uma tela com uma fonte carregada por meio de @ font-face, o texto não é exibido corretamente. Ele não é mostrado (no Chrome 13 e Firefox 5) ou a fonte está errada (Opera 11). Esse tipo de comportamento inesperado ocorre apenas no primeiro desenho com a fonte. Depois...
Para fazer um jogo simples, usei um modelo que desenha uma tela com bitmaps como este: private void doDraw(Canvas canvas) { for (int i=0;i<8;i++) for (int j=0;j<9;j++) for (int k=0;k<7;k++) { canvas.drawBitmap(mBits[allBits[i][j][k]], i*50 -k*7, j*50 -k*7, null); } } (A tela é...
Quais são as diferenças entre SVG e HTML5 Canvas? Ambos parecem fazer o mesmo comigo. Basicamente, ambos desenham arte vetorial usando pontos de coordenadas. o que estou perdendo? Quais são as principais diferenças entre o SVG e o HTML5 Canvas? Por que devo escolher um em vez do...
Eu tenho uma vista, estou desenhando com o objeto Canvas no método onDraw (Canvas canvas). Meu código é: Paint paint = new
Fechado . Esta questão precisa ser mais focada . Atualmente não está aceitando respostas. Quer melhorar esta questão? Atualize a pergunta para que ela se concentre em apenas um problema, editando esta postagem . Fechado há 7 anos . Melhore esta...
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 =
Não dormi o suficiente ou o quê? Este código a seguir var frame=document.getElementById("viewer"); frame.width=100; frame.height=100; var ctx=frame.getContext("2d"); var img=new Image(); img.src="http://www.ansearch.com/images/interface/item/small/image.png" img.onload=function() { // draw...
Estou tentando redimensionar algumas imagens com tela, mas não tenho a menor ideia de como suavizá-las. No photoshop, navegadores, etc. existem alguns algoritmos que eles usam (por exemplo, bicúbico, bilinear), mas não sei se eles são integrados ao canvas ou não. Aqui está meu violino:...
Estou brincando com o <canvas>elemento, desenhando linhas e tal. Percebi que minhas linhas diagonais são suavizadas. Eu prefiro a aparência irregular para o que estou fazendo - há alguma maneira de desativar esse recurso?
Eu sou um total n00b com HTML5e estou trabalhando com a canvasprestar formas, cores, e texto. Em meu aplicativo, tenho um adaptador de visualização que cria uma tela dinamicamente e a preenche com conteúdo. Isso funciona muito bem, exceto que meu texto fica muito confuso / borrado / esticado. Já...
Estou fazendo um jogo usando canvas e javascript. Quando a página é mais longa que a tela (comentários, etc.), pressionar a seta para baixo rola a página para baixo e torna o jogo impossível de jogar. O que posso fazer para evitar que a janela role quando o jogador deseja apenas se mover para...
Então, estou desenhando este triângulo nos mapas do Android usando o código abaixo no meu método de desenho: paint.setARGB(255, 153, 29, 29); paint.setStyle(Paint.Style.FILL_AND_STROKE); paint.setAntiAlias(true); Path path = new Path(); path.moveTo(point1_returned.x,
Em ( erro de tela do Android WebView HTML5 ), postei uma pergunta sobre plotagem de gráficos usando a biblioteca Graph.js. O problema que tenho agora é que, se eu chamar a função para plotar o gráfico várias vezes, a tela será redimensionada todas as vezes. Cada vez que o gráfico é redesenhado...
É possível obter o pixel de valor RGB sob o mouse? Existe um exemplo completo disso? Aqui está o que tenho até agora: function draw() { var ctx = document.getElementById('canvas').getContext('2d'); var img = new Image(); img.src = 'Your URL'; img.onload = function(){