Tengo una aplicación web js que crea una imagen basada en componentes seleccionados por el usuario.

El lienzo se convierte a datos base64 anteriormente en el código.

Quiero poder compartir la imagen terminada a través de Web Share Api, pero parece que tengo un problema.

La aplicación parece estar produciendo un archivo png pero está en blanco, sin embargo, usar la misma variable (pngUrl) en una función de descarga parece funcionar bien.

 d_canvas.href = pngUrl; d_canvas.download = "Alien_"+(Date.now())+".png"; d_canvas.click();

Esperando que alguien pueda ayudarme a descubrir lo que me estoy perdiendo.

Estoy teniendo problemas con el siguiente código:

 async function Share(){ var pngUrl = to_base64(); const blob = fetch(pngUrl).then(res => res.blob()).then(blob => console.log(blob)); const filesArray = [ new File( [blob], "Alien_"+(Date.now())+".png", { type: blob.type, lastModified: new Date().getTime() } ) ]; const shareData = { files: filesArray, }; try { if (!(navigator.canShare(shareData))) { throw new Error('Can\'t share data.', shareData); }; await navigator.share(shareData); } catch (err) { console.error(err.name, err.message); } }