Articles of canvas

html5: copie uma canvas para a imagem e volte

Eu implementei uma function de zoom in e out em um elemento de canvas. Ele funciona escalonando a canvas, traduzindo-a e redesenho toda a cena novamente. O problema é que leva muito tempo para redesenhar tudo, porque eu tenho muitas coisas na minha canvas. Eu preciso de uma maneira de copiar a canvas para um […]

Tela HTML5 e suavização de serrilhado

Como ativar o anti-aliasing em uma canvas . O código a seguir não desenha uma linha suave: var context = mainCanv.getContext(“2d”); if (context) { context.moveTo(0,0); context.lineTo(100,75); context.strokeStyle = “#df4b26”; context.lineWidth = 3; context.stroke(); }

Você pode fazer uma “captura de canvas” da página usando o Canvas?

Eu tenho uma página onde estamos posicionando um monte de elementos usando CSS e alterando suas posições “superior e esquerda” usando JS. Eu tive relatos de que essas coisas foram desalinhadas, mas um usuário tem o motivo para mentir sobre isso para “enganar”, então eu não tenho certeza se eles estão dizendo a verdade. Eu […]

É possível detectar programaticamente o limite de tamanho para o URL de dados?

Estou usando javascript e html canvas para resize imagens jpeg. Após o redimensionamento, uso canvas.toDataURL como o atributo href em uma tag de âncora para fornecer um link no qual os usuários podem baixar as imagens redimensionadas. Isso funciona bem até um determinado tamanho de imagem. Parece que navegadores diferentes têm limites diferentes no tamanho […]

IllegalArgumentException: width e height devem ser> 0 ao carregar o Bitmap de View

Estou tentando desenhar em um ImageViewTouch, uma biblioteca que permite o zoom de pinça. Eu sou capaz de desenhar sobre a imagem usando o Canvas, mas quando eu zoom a imagem, o desenho desaparece. Para isso, estou tentando converter a exibição em um bitmap e definir o ImageBitmap para essa mesma exibição. Aqui está o […]

Como inverter imagens horizontalmente com HTML5

No IE, posso usar: para implementar uma imagem flip horizontalmente. Existe alguma maneira de virar horizontalmente em HTML5? (talvez usando canvas?) obrigado tudo 🙂

Captura de canvas do aplicativo de canvas cheia do DirectX

Isso me surpreende. O DirectX ignora tudo e fala diretamente com o driver do dispositivo, portanto o GDI e outros methods usuais não funcionam – a menos que o Aero esteja desativado (ou indisponível), tudo o que aparece é um retângulo preto no canto superior esquerdo da canvas. Eu tentei o que outros sugeriram em […]

Eu quero fazer animação de um object ao longo de um caminho particular

Eu tenho que mover o pequeno retângulo no caminho. O retângulo se move depois de um clique dentro da canvas. Eu não sou capaz de animá-lo como o object apenas pula para o ponto necessário. Por favor, encontre o código no Fiddle . HTML CSS #myCanvas { width:578px; height:200px; border:2px thin; } JavaScript var myRectangle […]

Desenhar texto para com @ font-face não funciona na primeira vez

Quando desenho um texto em uma canvas com um tipo de letra carregado via @ font-face, o texto não é exibido corretamente. Ele não mostra nada (no Chrome 13 e no Firefox 5), ou o tipo de letra está errado (Opera 11). Esse tipo de comportamento inesperado ocorre apenas no primeiro desenho com o tipo […]

Como alterar a opacidade (alfa, transparência) de um elemento em um elemento de canvas depois que ele foi desenhado?

Usando o elemento HTML5, gostaria de carregar um arquivo de imagem (PNG, JPEG, etc.), desenhá-lo na canvas de forma totalmente transparente e, em seguida, inseri-lo. Descobri como carregar a imagem e desenhar para a canvas, mas eu não sei como mudar sua opacidade, uma vez que foi desenhada. Aqui está o código que tenho até […]