Resultados de la búsqueda a petición "html5-canvas"

3 la respuesta

Cómo volver a teñir una imagen en escala de grises en el lienzo

¿Hay alguna forma rápida de colorear el icono de escala de grises (imagen png con fondo transparente) al dibujarlo en el lienzo? Por colorizar me refiero a convertir el icono de escala de grises en digamos escala verde (sombras del color dado en ...

0 la respuesta

La propiedad del multiplicador no funciona correctamente en la función "toDataURL" con el recorte en Fabric.js

Mi tamaño original de lacanvas es800X700. estoy usandoclipTo para trabajar en una parte seleccionada de un lienzo: var rect = new fabric.Rect({ left: 100, top: 50, fill: '#fff', width: 376, height: 602, strokeWidth: 0, selectable: false }); ...

2 la respuesta

La capacidad de respuesta del lienzo HTML5 no funciona

Estoy tratando de trazar un grupo de círculos usando el elemento de lienzo HTML5 (como se muestra en la figura 1).ingrese la descripción de la imagen aquí [http://i.stack.imgur.com/wdraG.png] La figura anterior se recorta cuando cambio el tamaño ...

0 la respuesta

¿Cómo obtengo las coordenadas de los vértices de las formas en lugar de las coordenadas de las esquinas de control en fabric js?

El siguiente código me da las coordenadas de las esquinas de control, pero quiero calcular las coordenadas de los vértices del triángulo, pentágono, hexágono, etc. <!-- fabric js function to return coordinates--> function getCoords(oCoords) ...

2 la respuesta

¿Javascript hace que la imagen gire para mirar siempre el cursor del mouse?

Estoy tratando de hacer que una flecha apunte al cursor de mi mouse en javascript. En este momento, solo gira violentamente, en lugar de apuntar al cursor. Aquí hay un violín de mi ...

1 la respuesta

¿Cómo podemos mezclar la transmisión de lienzo con la transmisión de audio usando mediaRecorder [duplicado]

Esta pregunta ya tiene una respuesta aquí: MediaStream Capture Canvas y Audio simultáneamente [/questions/39302814/mediastream-capture-canvas-and-audio-simultaneously] 2 respuestasTengo una secuencia de lienzo usando canvas.captureStream (). ...

3 la respuesta

¿Cómo sé cuándo finaliza el renderizado de HTML5 Canvas?

html: <canvas id="cnv" width="786" height="1113">js: var img = new Image(), cnv = document.getElementById('cnv'); var context = cnv.getContext('2d'); img.onload = function () { context.drawImage(img, 0, 0, 786, 1113); alert('finished drawing'); ...

1 la respuesta

Cómo incluir el estilo CSS al convertir svg a png

He creado un elemento SVG simple que se baja a png al hacer clic en un botón, mi solución es similar aaquí [https://stackoverflow.com/questions/28226677/save-inline-svg-as-jpeg-png-svg] La idea básica es: 1.svg al lienzo 2.canvas a ...

1 la respuesta

Crear un efecto de difuminar / licuar en el movimiento del mouse que anima continuamente al estado original usando webgl

Estoy tratando de encontrar información o ejemplos que pueda usar para crear un efecto de difuminar / licuar que anima continuamente al estado original. Inicialmente estaba buscando usar three.js o pixi.js para renderizar texto y luego usar ...

1 la respuesta

Cómo convertir píxeles de imagen en forma de curva en s en lienzo

Tengo ese tipo de imagen [/imgs/UvqUP.gif] Quiero que lo que estamos viendo líneas rectas en la imagen (en realidad, que son píxeles), se convierta en la curva S. He implementado la curva de tipo C usando el lienzo y sus propiedades, pero no ...