Estoy tratando de generar una imagen .png con estilo (backgroundColor, borderColor, borderRadius, etc...) usando solo JS, sin pasar por el DOM.

¿Hay alguna manera eficiente de hacer esto? He encontrado formas de generar un archivo .png pero no puedo aplicarle ningún estilo CSS, solo logro generar un cuadrado con un color, pero eso es todo.

¿Alguien conoce una biblioteca para lograr esto?

Ejemplo:

Solía:

 const fs = require('fs'); const PNGlib = require('node-pnglib'); let png = new PNGlib(150, 150); for (let i = 20; i < 100; i++) { for (let j = 20; j < 100; j++) { png.setPixel(i + 10, j + 25, '#cc0044'); png.setPixel(i + 20, j + 10, '#0044cc'); png.setPixel(i + 30, j, '#00cc44'); } } fs.writeFileSync('./block.png', png.getBuffer());

Para generar 3 cuadrados de colores y exportarlos en un solo archivo .png.

El problema es que al usar este método no tengo acceso a ninguna propiedad CSS que me gustaría usar.