html5-canvas

El elemento Canvas de HTML5 vs SVG vs div

¿Cuál es el mejor enfoque para crear elementos sobre la marcha y poder moverlos? Por ejemplo, digamos que quiero crear un re ... te con el elemento canvas, el segundo completamente con el elemento svg, y el tercero con el elemento div simple, HTML y CSS.

¿Cómo puedo animar el dibujo de texto en una página web?

Quiero tener una página web que tenga una palabra centrada. Quiero que esta palabra se dibuje con una animación, de tal man ... a ausencia de jQuery sería agradable, pero no es necesario. ¿Cómo puedo hacer ¿esto? He buscado exhaustivamente sin suerte.

Cómo guardar una imagen PNG del lado del servidor, desde una cadena de datos base64

Estoy usando la herramienta JavaScript "Canvas2Image" de Nihilogic para convertir dibujos de lienzo a imágenes PNG. Lo que n ... de cómo crear una imagen PNG real a partir de la cadena codificada en base64 y almacenarla en mi servidor. Por favor, ayuda!

HTML5 Canvas Resize (Downscale) Imagen De Alta Calidad?

Utilizo elementos de lienzo html5 para cambiar el tamaño de las imágenes en mi navegador. Resulta que la calidad es muy baja. ... mo de GameAlchemist. Aquí está el resultado comparado con Photoshop. Imagen de PhotoShop: Algoritmo de GameAlchemist:

¿Cómo guardar un lienzo HTML5 como una imagen en un servidor?

Estoy trabajando en un proyecto de arte generativo donde me gustaría permitir a los usuarios guardar las imágenes resultantes ... 4 y el archivo de datos es de ~140 kB. Sin embargo, todavía no puedo abrirlo y parece que no está formateado como una imagen.

Cómo limpiar el lienzo para volver a dibujar

Después de experimentar con operaciones compuestas y dibujar imágenes en el lienzo, ahora estoy tratando de eliminar imágenes ... es; esto puede continuar por un tiempo, así que no creo que dibujar un rectángulo nuevo cada vez sea la opción más eficiente.

Cambio de tres.fondo js a transparente u otro color

He estado tratando de cambiar lo que parece ser el color de fondo predeterminado de mi lienzo de negro a transparente / cualq ... sta previa en vivo: http://devsgs.com/preview/test/particle / ¿Alguna idea de cómo sobrescribir el negro predeterminado?

Los lienzos contaminados no pueden ser exportados

Quiero guardar mi lienzo en un img. Tengo esta función: function save() { document.getElementById("canvasimg").style.bor ... Failed to execute 'toDataURL' on 'HTMLCanvasElement': Los lienzos contaminados no pueden ser exportados. ¿Qué debo hacer?

Estado actual de las bibliotecas Canvas de Javascript? [cerrado]

He estado haciendo una investigación sobre bibliotecas HTML canvas y me encontré con esta pregunta. ¿Cuál es el estado actua ... cientemente aquí para obtener noticias e información sobre nuevas bibliotecas, cambié la pregunta para que sea más atemporal.

Html5 canvas drawImage: cómo aplicar antialiasing

Por favor, eche un vistazo al siguiente ejemplo: Http://jsfiddle.net/MLGr4/47 / var canvas=document.getElementById(" ... ado muchas maneras diferentes, pero no parece funcionar. ¿Podría decirme cómo puedo obtener una imagen anti-aliased? Gracias.

Animar el lienzo para que parezca ruido de tv

Tengo una función llamada generateNoise() que crea un elemento canvas y le pinta valores RGBA aleatorios; lo que le da la apa ... } document.body.style.backgroundImage = "url(" + canvas.toDataURL("image/png") + ")"; } generateNoise(.8);

¿Cómo puedo corregir el texto borroso en mi lienzo HTML5?

Soy un total n00b con HTML5 y estoy trabajando con el canvas para representar formas, colores y texto. En mi aplicación, ten ... da elemento de texto? Es la fuente? ¿Debo definir primero el lienzo en el diseño HTML5? Hay un error tipográfico? Soy perder.

cómo dibujar cuadrícula usando html5 y (canvas o svg)

Quiero dibujar una cuadrícula como se muestra en la imagen, pero no tengo idea de por dónde debería empezar. Debo usar SVG o ... la para dibujar rectángulo, círculo u otros diagramas en él y voy a calcular el área de ese diagrama como área de cuadrado.

Cambiar el tamaño de la imagen con javascript canvas (sin problemas)

Estoy tratando de cambiar el tamaño de algunas imágenes con canvas, pero no tengo ni idea de cómo suavizarlas. En photoshop, ... e imagen de tamaño normal, y la segunda es canvas. Observe cómo el lienzo uno no es tan suave. ¿Cómo puedo lograr 'suavidad'?

Cómo liberar la memoria en JavaScript

Estoy trabajando con canvas y su objeto ImageData que contiene una gran cantidad de datos (millones de enteros). Así que trab ... de liberar la memoria de algún array cuando es innecesario? Estoy tratando de asignar undefined a esa variable. ¿Es correcto?

Escalar una imagen para que quepa en el lienzo

Tengo un formulario que permite a un usuario subir una imagen. Una vez cargada la imagen, realizamos un escalado en ella par ... ario. ¿Qué me estoy perdiendo aquí? ¿Alguien puede indicarme la dirección correcta, por favor? Muchas gracias de antemano.

Cómo dibujar una forma usando una pieza de imagen en php

Necesito crear una imagen de marco usando una pieza de una imagen. Por Ejemplo: El usuario cargará una pieza de imagen desd ... aScript o cualquier otra forma. Puedes ver el ejemplo de trabajo aquí, que realmente necesito hacer. Crea tu propio frame

Imagen de rotación de Lienzo HTML5

jQuery('#carregar').click(function(){ var canvas = document.getElementById('canvas'); var image = document.getElementById( ... cuando hago clic en "Girar a la Izquierda" y "Girar a la Derecha"? Probé varios códigos en Internet, pero ninguno funcionó.

Gráficos de datos en tiempo real en un gráfico de líneas con html5 [cerrado]

Quiero hacer un gráfico de líneas que se actualiza cada par de segundos y no necesita que la página se actualice(obtendría la ... e actualizan en un intervalo fijo de 10s si eso importa. Y si es posible me gustaría atenerme a sólo CSS3 HTML5 y javascript.

¿Cómo puedo dibujar una imagen desde la API de archivos HTML5 en Canvas?

Me gustaría dibujar una imagen abierta con la API de archivos HTML5 en un lienzo. En el método handleFiles(e), puedo acceder ... 1> <input type="file" id="input"/> <canvas width="400" height="300" id="canvas"/> </body> </html>