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 =
As fotos das câmeras digitais geralmente são salvas como JPEG com uma etiqueta de "orientação" EXIF. Para exibir corretamente, as imagens precisam ser giradas / espelhadas, dependendo da orientação definida, mas os navegadores ignoram essas informações que renderizam a imagem. Mesmo em grandes...
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 da cor de...
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 largura e a...
É possível escrever texto em HTML5
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...
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...
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...
Descobri que só há preenchimento de retângulo, mas não canto arredondado, como posso fazer
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...
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....
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...
Alguma maneira direta de medir a altura do texto? A maneira como estou fazendo isso agora é usando o Paint measureText()para obter a largura e, em seguida, por tentativa e erro, encontrando um valor para obter uma altura aproximada. Eu também ando brincando FontMetrics, mas todos esses parecem...
Meu código está funcionando muito bem no meu host local, mas não está funcionando no site. Eu recebi esse erro do console, para esta linha .getImageData(x,y,1,1).data: Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by...
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...
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...
Existe um método que retorna a largura (em pixels) de um texto a ser desenhado em uma tela do Android usando o método drawText () de acordo com o Paint usado para
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...
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 dimensionados e nada a...
Gostaria de girar as fotos com base na rotação original, conforme definido pela câmera nos dados de imagem JPEG EXIF. O truque é que tudo isso deve acontecer no navegador, usando JavaScript e <canvas>. Como o JavaScript pode acessar o JPEG, um objeto de API de arquivo local, local...