Resultados da pesquisa a pedido "html5-canvas"

2 a resposta

Javascript fazendo a imagem girar para sempre olhar o cursor do mouse?

Estou tentando fazer com que uma seta aponte para o cursor do mouse em javascript. No momento, ele gira violentamente, em vez de apontar para o cursor. Aqui está um violino do meu ...

1 a resposta

fillStyle não é uma função

Estou recebendo um erro incomum: ctx_wrap.fillStyle não é uma função nesta linha: ctx_wrap.fillStyle('#b8b8b8');aqui: ... this.paint = function() { self.path(ctx_wrap); if (!isOver) { ctx_wrap.fillStyle('#b8b8b8'); } else { ...

2 a resposta

Como usar fontes do Google no Canvas ao desenhar objetos DOM no SVG?

De acordo com a documentação do Mozilla, você pode desenhar HTML complexo no Canvas comoesta [https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Drawing_DOM_objects_into_a_canvas] . O que não consigo descobrir é uma maneira de fazer com ...

1 a resposta

Criando um efeito de mancha / liquefeita na movimentação do mouse que anima continuamente de volta ao estado original usando o webgl

Estou tentando encontrar informações ou exemplos que possam ser usados para criar um efeito de borrar / liquefação que anima continuamente de volta ao estado original. Inicialmente, eu estava olhando para usar three.js ou pixi.js para ...

2 a resposta

Impedir que os objetos Fabric js sejam dimensionados para fora do limite da tela

Eu tenho tentado manter um objeto (construído em tecido js sobre uma tela) dentro dos limites o tempo todo. Foi alcançado ao movê-lo e girá-lo. Eu peguei a ajuda deMover objeto dentro do limite da ...

1 a resposta

Como converter pixel de imagem em forma de curva s na tela

Eu tenho esse tipo de imagem [/imgs/UvqUP.gif] Quero que o que estamos vendo em linhas retas na imagem (na verdade, que são pixels), seja convertido na curva S. Eu implementei a curva do tipo C usando a tela e suas propriedades, mas incapaz de ...

3 a resposta

Como sei quando a renderização do HTML5 Canvas é concluída?

html: <canvas id="cnv" width="786" height="1113">js: var img = new Image(), cnv = document.getElementById('cnv'); var context = cnv.getContext('2d'); img.onload = function () { context.drawImage(img, 0, 0, 786, 1113); alert('finished drawing'); ...

1 a resposta

Como incluir o estilo CSS ao converter svg para png

Eu criei um elemento SVG simples que é transferido para png ao clicar em um botão, minha solução é semelhante aaqui [https://stackoverflow.com/questions/28226677/save-inline-svg-as-jpeg-png-svg] A ideia básica é: 1.svg para tela 2.canvas para ...

1 a resposta

Como adicionar uma linha horizontal em um ponto específico no chart.js ao passar o mouse?

Eu quero poder adicionar vários pontos como um local de referência onde eu possa mostrar a linha horizontal. Aqui está uma imagem do que estou tentando alcançar: Também quero fazer com que, quando você não passe o mouse sobre um ponto, ...

2 a resposta

Por que o componente não está definido

Estou criando um aplicativo de cartão postal. Para utilizar a webcam que estou usandowebkitURLque está disponível no objeto window e construindo o aplicativo usandoreagir Tentei testar cada função separadamente e tudo estava bem, mas depois de ...