Resultados de la búsqueda a petición "html5-canvas"
jquery descarga de imagen de lienzo
Tengo mi elemento de lienzo y algunos div, que después de hacer clic en Deseo abrir la descarga de la "instantánea del lienzo". Por ahora tengo: $("#save").live('click', function(e) { var image = canvas.toDataURL("image/png", true); var ...
¿Crear un triángulo equilátero en el medio del lienzo?
Quiero dibujar un triángulo equilátero en el medio del lienzo. Intenté esto: ctx.moveTo(canvas.width/2, canvas.height/2-50); ctx.lineTo(canvas.width/2-50, canvas.height/2+50); ctx.lineTo(canvas.width/2+50, canvas.height/2+50); ctx.fill();Pero ...
Estado actual de las bibliotecas de lienzo de Javascript? [cerrado
He estado investigando sobre bibliotecas de lienzo HTML y me encontré con esta pregunta. @Cuál es el estado actual de las bibliotecas y los marcos de JavaScript del lienzo ...
Aplicaciones JavaScript / HTML / CSS en dispositivos Android - extremadamente lento
Estamos haciendo algunos juegos de JavaScript. Funcionan perfectamente en iPhone y iPad y también en computadoras de escritorio. El mayor problema son los dispositivos Android. Todas las tabletas que tenemos con Honeycomb OS 3.x (Samsung Tab ...
Canvas: ¿enmascarar una imagen y preservar su canal alfa?
Esto es lo que estoy tratando de hacer: Obtenga la imagen A y la imagen B. La imagen B es una imagen de máscara en blanco y negro. Reemplace el canal alfa de la imagen A con el canal rojo de la imagen B. Dibuje la imagen C en el lienzo. Dibuje ...
HTML5 Canvas: Cálculo de un punto x, y cuando se gira
Desarrollo una aplicación HTML5 Canvas e implica leer un archivo xml que describe la posición de las flechas, reconexiones y otras formas que necesito dibujar en el lienzo. Ejemplo del diseño XML: <arrow left="10" top="20" width="100" ...
save la salida del lienzo html5 a mi aplicación rails
Estoy tratando de guardar el contenido de un lienzo html5 en mi aplicación Rails. Encontré l var url = canvas.toDataURL('image/png'); pero no puedo entender cómo incluir eso en mi publicación / formulario. Estoy utilizando carrierwave para ...
Center point on html quadratic curve
Tengo una curva cuadrática dibujada en lienzo html usandocontext.quadraticCurveTo(controlX, controlY, endX, endY); . Tengo el punto de control y los puntos inicial y final, que no están necesariamente nivelados entre sí horizontalmente. ¿Cómo ...
Error de seguridad con canvas.toDataURL () y drawImage ()
<!doctype html> <canvas id="canvas" height="200" width="200"></canvas> <div id="new"></div> <script> var div = document.getElementById("new"); var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); var img = new ...
Fabric.js - Dibuja gratis un rectángulo
Tengo lo siguiente que no funciona correctamente: var canvas = new fabric.Canvas('canvas'); canvas.observe('mouse:down', function(e) { mousedown(e); }); canvas.observe('mouse:move', function(e) { mousemove(e); }); canvas.observe('mouse:up', ...