Actualmente estoy usando la biblioteca de lienzos y pude crear con éxito imágenes de 24 bits usando el siguiente código:
const fs = require("fs"); const { createCanvas, loadImage } = require("canvas"); const canvas = createCanvas(3000, 3000); const ctx = canvas.getContext("2d", {alpha: false}); const loadMyImage = async (img) => { return new Promise(async (resolve) => { const image = await loadImage(`${img}`); resolve({ layer: img, loadedImage: image }); }); }; const drawElement = (_renderObject) => { ctx.drawImage(_renderObject.loadedImage, 0, 0, 3000, 3000); }; const saveImage = (img) => { fs.writeFileSync( `${img}.png`, canvas.toBuffer("image/png") ); }; const run = async () => { let loadedImg = loadMyImage('purple.png'); //start drawing image await Promise.resolve(loadedImg).then((renderObject) => { ctx.clearRect(0, 0, 3000, 3000); drawElement(renderObject); saveImage(1); }); }; (() => { run(); })();que funciona bien, pero si quiero guardar imágenes como imágenes PNG de 8 bits, y cambiar solo esta línea a:
const ctx = canvas.getContext("2d", { pixelFormat: 'A8' });Solo obtengo imágenes en blanco. ¿Qué me estoy perdiendo?