Tengo un código que usa una cámara web para rastrear partes del cuerpo para el navegador. Me gustaría poder manipular la imagen en el lienzo con las coordenadas de la parte del cuerpo (x, y, z). Si dibujo un elemento de lienzo como un círculo y le pido que rastree mi nariz, funciona, pero cuando intento lo mismo con una imagen, no se mueve en absoluto.

 function drawImage(canvas, x, y) { var ctx = canvas.getContext('2d'); var img = new Image(); img.addEventListener('load', function(){ ctx.drawImage(img, 0, 0); }); img.src = 'noIdea.jpg'; }

Aquí llamo a la función:

 drawImage(canvasEl,nose.position.x, nose.position.y);