Recorte la imagen y la pongo en el lienzo:
image.addEventListener('load', () => { ctx.drawImage( image, 0, 0, dw, dh, 0, 0, dw, dh, ); }); ¿Cómo obtener una imagen recortada y ponerla en el body -> img ?
Los elementos de lienzo HTML tienen una función llamada toDataURL() , que devuelve una representación de URL de datos de los píxeles del lienzo.
Llame a la función toDataURL() en el elemento canvas y establezca la fuente de la imagen en la URL de datos.
image.src = canvas.toDataURL();