Articles of canvas de

traço pontilhado em

Eu acho que não é possível definir a propriedade stroke como CSS, o que é bastante fácil. Com o CSS, temos tracejado, pontilhado, sólido, mas na canvas ao desenhar linhas / traços, isso não parece ser uma opção. Como você implementou isso? Eu vi alguns exemplos, mas eles são realmente longos para uma function tão […]

Obtendo a localização do mouse na canvas

Existe uma maneira de obter o mouse de localização dentro de uma tag ? Eu quero a localização em relação ao canto superior direito do , não a página inteira.

Use HTML5 para resize uma imagem antes do upload

Eu encontrei alguns posts diferentes e até mesmo perguntas sobre stackoverflow respondendo a esta pergunta. Eu estou basicamente implementando a mesma coisa que este post . Então aqui está o meu problema. Quando eu carregar a foto, também preciso enviar o restante do formulário. Aqui está o meu html: … a few more inputs … […]

Como desenhar um oval em canvas html5?

Não parece haver uma function nativa para desenhar uma forma oval. Também não estou procurando a forma de ovo. É possível desenhar um oval com 2 curvas bezier? Alguém expiou com isso? Meu objective é desenhar alguns olhos e, na verdade, estou apenas usando arcos. Desde já, obrigado. Solução Portanto, scale () altera o dimensionamento […]

como salvar canvas como imagem png?

Eu tenho um elemento de canvas com um desenho, e eu quero criar um botão que, quando clicado, salve a imagem como um arquivo png. Então, deve abrir a checkbox de diálogo para salvar, abrir e fechar … Eu faço isso usando esse código var canvas = document.getElementById(“myCanvas”); window.open(canvas.toDataURL(“image/png”)); Mas quando eu testo no IE9, […]

Desativar a interpolação ao dimensionar um

NOTA : Isso tem a ver com como os elementos de canvas existentes são renderizados quando dimensionados , não relacionados a como linhas ou charts são renderizados em uma superfície de canvas . Em outras palavras, isso tem tudo a ver com a interpolação de elementos escalonados e nada a ver com o antialiasing de […]

Erro inseguro de crossplataforma de imagem de canvas

Eu tenho este código para criar imagem de canvas a partir de diferentes URLs de servidor function getBase64Image(imageUri) { var canvas = document.createElement(“canvas”); ctx = canvas.getContext(“2d”); var img = new Image(); img.src = imageUri; img.crossOrigin = “Anonymous”; img.onload = function() { canvas.width = this.width; canvas.height = this.height; ctx.drawImage(img, 0, 0, this.width, this.height); var imageData = […]

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

A especificação tem uma function context.measureText (texto) que informa a largura necessária para imprimir esse texto, mas não consigo encontrar uma maneira de descobrir o tamanho dela. Eu sei que é baseado na fonte, mas eu não sei converter uma seqüência de fonte para uma altura de texto.

Detectar Retina Display

O iOS SDK oferece uma maneira fácil de verificar se o currentDevice tem um visor de alta resolução (retina)? A melhor maneira que encontrei para fazer isso agora é: if ([[UIScreen mainScreen] respondsToSelector:@selector(scale)] == YES && [[UIScreen mainScreen] scale] == 2.00) { // RETINA DISPLAY }

Controlando fps com requestAnimationFrame?

Parece que requestAnimationFrame é a maneira de animar as coisas agora. Funcionou muito bem para mim na maior parte, mas agora estou tentando fazer algumas animações de canvas e fiquei me perguntando: existe alguma maneira de garantir que ele seja executado em um determinado fps? Eu entendo que o propósito do rAF é para animações […]