Estoy tratando de descargar un png de un lienzo con valores alfa (material semitransparente), pero cada vez que descargo el lienzo, todos los canales alfa se restablecen a ff por alguna razón. Aquí está mi código:

 const download = (canvas, filename) => { const link = document.createElement('a'); link.download = `${filename}.png`; link.href = canvas.toDataURL("image/png"); console.log(link.href); link.click(); }; const drawAndDownloa = str => { const canvas = document.createElement("canvas"); canvas.width = pixels.length; canvas.height = 1; // intentionally small const ctx = canvas.getContext("2d"); // pixels is an array of "rrggbbaa" strings pixels.forEach((rgba, i) => { const r = parseInt(rgba.slice(0, 2), 16); const g = parseInt(rgba.slice(2, 4), 16); const b = parseInt(rgba.slice(4, 6), 16); const a = parseInt(rgba.slice(6, 8), 16); ctx.fillStyle = `rgba(${r}, ${g}, ${b}, ${a})`; ctx.fillRect(i, 0, 1, 1); }); download(canvas, str.replace(/\W/g, "_")); };

Sé que necesitas un png-24 para tener un canal alfa, pero ahora sé cómo descargarlo en un png-24. Tampoco sé cómo verificar si es un png-24.