Creé un proyecto de NodeJs usando la biblioteca skia-canvas y logré trabajar en un ejemplo de lienzo de imagen con un texto.
Aquí está el código. Carga una imagen y aplica un filtro, luego aplica un logotipo y el texto.
const canvas = new Canvas(1920, 1080) const context = canvas.getContext("2d") const bk = await loadImage('image.png') context.filter = 'grayscale(100%) brightness(80%) contrast(150%)' drawImageProp(context, bk, 0, 0, 1920, 1080) //function to fit image context.filter = 'none' const logo = await loadImage('logo.png') context.drawImage(logo, 0, 0) const X_TEXT_POSITION = 107 context.font = 'bold 170px Open Sauce Sans' context.fillStyle = "#ffffff" context.text context.fillText('Some Text', X_TEXT_POSITION, 375)Ahora, estoy usando exactamente el mismo código en mi aplicación Electron, y el resultado funciona parcialmente. Se aplica la imagen, y en el resultado también aparece el filtro e incluso el logo. Sin embargo, lo que no se muestra es 'Algo de texto', que funciona en la aplicación Node.
No recibo ningún error en la consola y no tengo otra idea de por qué esto no funciona.
Versión:
"skia-canvas": "^0.9.25"