使用 Node.js 在现有 PNG 上编写文本

Question

我正在尝试创建一个简单的动态徽章 (png) 以嵌入到静态页面中，以告知我的应用程序的状态。

我想使用现有的 PNG 图像并使用 Node.js 在其上写一些文本。
我发现了很多库，但它们都使用 Imagemagick 或 Cairo 作为本机依赖项，​​我想避免在服务器上安装其他任何东西。

然后我找到了 lwip，但我真的不明白如何用它在图像上写文字。我该怎么办？

Answer 1

您可以使用Jimp。它有一个打印方法：

var Jimp = require("jimp");

var fileName = 'test.png';
var imageCaption = 'Image caption';
var loadedImage;

Jimp.read(fileName)
    .then(function (image) {
        loadedImage = image;
        return Jimp.loadFont(Jimp.FONT_SANS_16_BLACK);
    })
    .then(function (font) {
        loadedImage.print(font, 10, 10, imageCaption)
                   .write(fileName);
    })
    .catch(function (err) {
        console.error(err);
    });