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.

Algoritmo de mosaico do mapa

O mapa Estou criando um RPG baseado em bloco com Javascript, usando mapas de altura de ruído perlin e atribuindo um tipo de bloco com base na altura do ruído. Os mapas acabam parecendo algo assim (na exibição de minimapa). Eu tenho um algoritmo bastante simples que extrai o valor …

153 javascript html algorithm canvas

Tela HTML5 100% Largura Altura da janela de exibição?

Estou tentando criar um elemento de tela que ocupa 100% da largura e altura da janela de exibição. Você pode ver no meu exemplo aqui que está ocorrendo, mas está adicionando barras de rolagem no Chrome e no FireFox. Como impedir as barras de rolagem extras e fornecer exatamente a …

151 jquery html canvas viewport

Como escrever texto em um elemento de tela HTML5?

É possível escrever texto em HTML5 canvas?

150 html canvas

Imagem de redimensionamento de tela HTML5 (escala reduzida) Alta qualidade?

Eu uso elementos de tela html5 para redimensionar imagens no meu navegador. Acontece que a qualidade é muito baixa. Encontrei o seguinte: Desativar interpolação ao dimensionar um <canvas> mas isso não ajuda a aumentar a qualidade. Abaixo está o meu código css e js, bem como a imagem scalled com …

149 javascript css html canvas html5-canvas

Como você pode encontrar a altura do texto em uma tela HTML?

A especificação possui uma função context.measureText (texto) que informará a largura necessária para imprimir esse texto, mas não consigo encontrar uma maneira de descobrir qual é a altura. Eu sei que é baseado na fonte, mas não sei converter uma string de fonte em uma altura de texto.

148 javascript text canvas

Como salvar a tela como uma imagem com canvas.toDataURL ()?

No momento, estou criando um aplicativo nativo HTML5 da Web / Phonegap e não consigo descobrir como salvar minha tela como uma imagem canvas.toDataURL(). Alguém pode me ajudar? Aqui está o código, o que há de errado com isso? // Minha tela foi nomeada "canvasSignature" JavaScript: function putImage() { var …

141 javascript html cordova canvas save

Como desenhar um retângulo arredondado na tela HTML?

Descobri que só há preenchimento de retângulo, mas não canto arredondado, como posso fazer isso?

140 html canvas

Controlando fps com requestAnimationFrame?

Parece que requestAnimationFrameé a maneira de fato de animar as coisas agora. Na maioria das vezes, funcionou muito bem para mim, mas agora estou tentando fazer algumas animações de tela e fiquei imaginando: existe alguma maneira de garantir que ele funcione a um certo fps? Entendo que o objetivo do …

140 javascript performance animation canvas requestanimationframe

A melhor maneira de detectar que o <canvas> HTML5 não é suportado

A maneira padrão de lidar com situações em que o navegador não suporta a <canvas>tag HTML5 é incorporar algum conteúdo de fallback como: <canvas>Your browser doesn't support "canvas".</canvas> Mas o restante da página permanece o mesmo, o que pode ser inapropriado ou enganoso. Gostaria de detectar uma forma de não …

139 javascript html canvas progressive-enhancement graceful-degradation

como desenhar curvas suaves através de N pontos usando a tela HTML5 em javascript?

Para um aplicativo de desenho, estou salvando as coordenadas de movimento do mouse em uma matriz e desenhando-as com lineTo. A linha resultante não é suave. Como posso produzir uma única curva entre todos os pontos reunidos? Eu pesquisei no Google, mas encontrei apenas 3 funções para desenhar linhas: para …

133 javascript canvas html5-canvas bezier spline

Desenhando um arquivo SVG em uma tela HTML5

Existe uma maneira padrão de desenhar um arquivo SVG em uma tela HTML5? O Google Chrome suporta o carregamento do SVG como uma imagem (e simplesmente o uso drawImage), mas o console do desenvolvedor avisa queresource interpreted as image but transferred with MIME type image/svg+xml . Eu sei que uma …

130 html canvas svg

Como copiar o conteúdo de uma tela para outra tela localmente

Eu gostaria de copiar TODOS os conteúdos de uma tela e transferi-los para outra no lado do cliente. Eu pensaria que usaria o método canvas.toDataURL()e context.drawImage()para implementar isso, mas estou tendo alguns problemas. Minha solução seria obter Canvas.toDataURL()e armazenar isso em um objeto Image em Javascript e, em seguida, use …

129 html canvas

Como adiciono um manipulador de eventos onClick simples a um elemento de tela?

Sou um programador Java experiente, mas estou vendo algumas coisas sobre JavaScript / HTML5 pela primeira vez em cerca de uma década. Estou completamente perplexo com o que deveria ser a coisa mais simples de todas. Como exemplo, eu só queria desenhar algo e adicionar um manipulador de eventos a …

128 javascript html canvas event-handling onclick

Desativar interpolação ao dimensionar uma <canvas>

NOTA : Isso tem a ver com a forma como os elementos da tela existentes são renderizados quando redimensionados , não com a maneira como as linhas ou os gráficos são renderizados em uma superfície da tela . Em outras palavras, isso tem tudo a ver com interpolação de elementos …

126 javascript html canvas

Como faço para criar uma tela transparente em html5?

Como posso tornar uma tela transparente? Preciso, porque quero colocar duas telas uma sobre a outra.

123 html canvas

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.