Articles of canvas 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() { […]

.NET Equivalente da Ferramenta de Recorte

Eu estou procurando por código .net que executa o mesmo que Snipping Tool – capturando uma área de canvas. Eu acredito que usa ganchos. Seria interessante saber como ele destaca o fragment selecionado. Atualização: Encontrado http://www.codeproject.com/KB/vb/Screen_Shot.aspx . Embora as pessoas digam que faltam alguns arquivos importantes para uma compilation adequada.

Desenhando uma imagem de um URL de dados para uma canvas

Como posso abrir uma imagem em um Canvas? que é codificado Estou usando o var strDataURI = oCanvas.toDataURL(); A saída é a imagem codificada da base 64. Como posso desenhar essa imagem em uma canvas? Eu quero usar o strDataURI e criar a imagem? É poosível? Se não é, então, o que possivelmente pode ser […]

Como desenhar uma curva suave através de N pontos usando a canvas HTML5 javascript?

Para um aplicativo de desenho, estou salvando as coordenadas do movimento do mouse em uma matriz e, em seguida, desenhando-as com lineTo. A linha resultante não é suave. Como posso produzir uma curva única entre todos os pontos reunidos? Eu pesquisei mas só encontrei 3 funções para desenhar linhas: para 2 pontos de amostra, simplesmente […]

Redimensionar canvas HTML5 para caber na janela

Como posso dimensionar automaticamente o elemento do HTML5 para caber na página? Por exemplo, posso obter um para dimensionar definindo as propriedades height e width como 100%, mas um não será dimensionado, será?