Resultados de la búsqueda a petición "html5-canvas"
¿Por qué omitir beginPath () redibuja todo?
Sincontext.beginPath(); el trazo rojo de 10 píxeles en la parte superior se vuelve a dibujar como un trazo verde de 30 píxeles, aunque las propiedades de contexto verde y 30 píxeles no se invocan hasta que el trazo ya se ha dibujado. ¿Porqué es ...
Animando el lienzo para que parezca ruido de televisión
Tengo una función llamadagenerateNoise() que crea un elemento de lienzo y le pinta valores aleatorios de RGBA; lo cual da la apariencia de ruido. Mi pregunta¿Cuál sería la mejor manera de animar infinitamente el ruido para dar la apariencia de ...
Agregar argumentos adicionales a una función devuelta por requestAnimationFrame
Estoy buscando crear una función que desplaza un elemento de imagen x píxeles a lo largo del tiempo en un lienzo HTML5, usando requestAnimationFrame y delta time. Lo que no puedo entender es cómo agregar más argumentos a mi función, cuando ...
Método Javascript para detectar el área de un PNG que no es transparente
Estoy buscando un método de JavaScript para detectar una imagen dentro de un PNG transparente. Por ejemplo, crearé un PNG con un lienzo transparente de 940x680, luego colocaré un objeto de opacidad completa en algún lugar dentro de ...
cómo descargar el objeto json como archivo desde el navegador
Tengo un objeto json, ¿puedo guardarlo como un archivo en mi escritorio? En caso afirmativo, cómo hacerlo y cómo volver a leer ese archivo. Estoy trabajando solo en javascript y html. var canvas = new fabric.Canvas('c'); data = ...
Las coordenadas del mouse no coinciden después del lienzo Scaling y Panning
Soy muy nuevo en JavaScript y Canvas y tengo un programa que se supone que detecta elementos animados en una ruta elíptica. Más tarde se va a formar un árbol ... Pero esta es la estructura básica que he vinculado a jsfiddle. Funciona bien sin ...
Operaciones compuestas en Android Canvas
Estoy empezando con el desarrollo de Android y vengo del mundo de JavaScript / HTML, así que actualmente estoy investigando las posibilidades del SDK de Android. El lienzo HTML 5 admite operaciones compuestas ...
¿Cómo dibujar una estrella usando el lienzo HTML5?
Estoy tratando de dibujar una estrella usando el lienzo, pero el código no se está ejecutando. Quiero entender: ¿cuáles son los pasos para medir las coordenadas Y y X? ¿Cómo encontrarlos? dibujar alguna forma? <html> <head> <meta charset = ...
Cómo cambiar el tamaño y luego recortar una imagen con lienzo
Ya se como -> cambiar el tamaño de una imagen: var image = document.getElementById('myImage'), canvas = document.createElement('canvas'), ctx = canvas.getContext('2d'); ctx.drawImage(image,0,0,400,300);-> o recorta una imagen: var image = ...
¿Cómo agregar una línea horizontal en un punto específico en chart.js al pasar el mouse por encima?
Quiero poder agregar múltiples puntos como lugar de referencia donde pueda mostrar la línea horizontal. Aquí hay una imagen de lo que estoy tratando de lograr: También quiero hacerlo para que cuando no pases el mouse sobre un punto, su opacidad ...