Estoy dibujando una cara en un lienzo con una máscara. la cara aparece solo donde la máscara está llena.
function drawface(){ this.ctx.globalCompositeOperation = 'source-in'; this.ctx.drawImage(msk, 0, 0, msk_w, msk_w, x, marg, h_c, h_c ); this.ctx.drawImage(this.face, 0, 0, w_f, h_f, x+x_offset, marg+y_offset, h_c, h_c);}funciona bien, pero quiero mover la cara al arrastrar. Entonces necesito restablecer el lienzo, luego volver a dibujar la cara. Pero cuando lo hago
function resetCanvas(){ this.ctx.clearRect(0, 0, this.ctx.canvas.width, this.ctx.canvas.height); }Obtengo un lienzo en blanco y la función drawface ya no funciona después de llamar a resetCanvas. Intenté guardar y restablecer también, pero no pude encontrar una solución que funcionara. ¿Alguien puede ayudar por favor? Gracias !
Necesario para restablecer globalCompositeOperation después de dibujar la cara.
this.ctx.globalCompositeOperation = 'source-over';