Articles of canvas

Desenhar em canvas HTML5 usando um mouse

Eu quero desenhar em uma canvas HTML usando um mouse (ex: desenhe uma assinatura, desenhe um nome, …) Por favor me ajude como posso fazer? Por favor, dê algum código-fonte. Obrigado

Como desenhar linha e selecione no painel

Meu programa pode desenhar linhas usando canvas.Drawline (). Como clicar na linha e alterar essa cor (selecione a linha)? private List coordFirst = new List(); private List coordLast = new List(); public Graphics canvas; private void Form1_Load(object sender, EventArgs e) { canvas=panel1.CreateGraphics(); } Linha de coordenadas armazenada em coordFirs & coodLast.

Pdf.js: renderizando um arquivo pdf usando uma fonte de arquivo base64 ao invés de url

Eu estou tentando processar uma página de um pdf com pdf.js Normalmente, usando um URL, posso fazer isso: PDFJS.getDocument(“http://www.server.com/file.pdf”).then(function getPdfHelloWorld(pdf) { // // Fetch the first page // pdf.getPage(1).then(function getPageHelloWorld(page) { var scale = 1.5; var viewport = page.getViewport(scale); // // Prepare canvas using PDF page dimensions // var canvas = document.getElementById(‘the-canvas’); var context = […]

Como copiar conteúdo de uma canvas para outra canvas localmente

Eu gostaria de copiar todo o conteúdo de uma canvas e transferi-los para outro tudo no lado do cliente. Eu acho que eu usaria o 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 object Image em JavaScript e, em seguida, usar o […]

Redimensionar imagem com canvas de javascript (suavemente)

Eu estou tentando resize algumas imagens com canvas, mas eu não tenho ideia de como suavizá-las. No photoshop, navegadores, etc., existem alguns algoritmos que eles usam (por exemplo, bicubic, bilinear), mas eu não sei se eles estão embutidos na canvas ou não. Aqui está meu violino: http://jsfiddle.net/EWupT/ var canvas = document.createElement(‘canvas’); var ctx = canvas.getContext(‘2d’); […]

Lona HTML5 Altura da largura de 100% do Viewport?

Eu estou tentando criar um elemento de canvas que ocupa 100% da largura e altura da viewport. Você pode ver no meu exemplo aqui que está ocorrendo, no entanto, está adicionando barras de rolagem no Chrome e no FireFox. Como posso evitar as barras de rolagem extras e apenas fornecer exatamente a largura e altura […]

Como posso converter um elemento HTML em um elemento de canvas?

Seria incrivelmente útil poder converter temporariamente um elemento regular em uma canvas . Por exemplo, digamos que eu tenha uma div estilizada que desejo virar. Eu quero criar dinamicamente uma canvas, “renderizar” o HTMLElement na canvas, ocultar o elemento original e animar a canvas. Isso pode ser feito?

Capture a canvas em um bitmap

Eu quero capturar a canvas no meu código para obter uma imagem – como usar o botão ‘print screen’ no teclado. Alguém tem uma ideia de como fazer isso? Eu não tenho ponto de partida.

O HTML5 / Canvas suporta buffer duplo?

O que eu gostaria de fazer é desenhar meus charts em um buffer e depois copiá-los como estão na canvas para que eu possa fazer animações e evitar tremulações. Mas não consegui encontrar essa opção. Alguém sabe como eu posso fazer isso?

html5 – elemento da canvas – várias camadas

Sem qualquer biblioteca de extensão, é possível ter várias camadas no mesmo elemento da canvas? Então, se eu fizer um clearRect na camada superior, ele não apagará o inferior? Obrigado.