Articles of canvas de

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 […]

Zoom em um ponto (usando escala e traduzir)

Eu quero ser capaz de ampliar o ponto sob o mouse em uma canvas HTML 5, como o zoom no Google Maps . Como posso conseguir isso?

Como adicionar imagem à canvas

Estou experimentando um pouco com o novo elemento de canvas em HTML. Eu simplesmente quero adicionar uma imagem à canvas, mas ela não funciona por algum motivo. Eu tenho o seguinte código: HTML CSS canvas#viewport { border: 1px solid white; width: 900px; } JS var canvas = document.getElementById(‘viewport’), context = canvas.getContext(‘2d’); make_base(); function make_base() { […]