Skip to main content
etiquetas editadas
Enlace
Origen Enlace

¿Cómo descargar una imagen desde JS?

Cuento con la siguiente etiqueta:

             <img
              src={"enlace-imagen"}
              id="canvas"
              style={{
                objectFit: "scale-down",
              }}
            />

Por otro lado, tengo un botón con un evento onCLick que ejecuta la siguiente función:

   async function downloadImage() {

    const link = document.createElement("a");
    link.download = "codigoQR.png";
    let m = document.getElementById("canvas") as HTMLCanvasElement;
    link.href = m.toDataURL();
    link.click();
  }

El problema está en que al ejecutar la función, sucede la excepción: "m.toDataURL is not a function". Saben como solucionarlo?