如何使用GraphicsMagick for NodeJS制作图文?
How to make a picture and text using GraphicsMagick for NodeJS?
我有 GraphicsMagick v1.3.28
我有 NodeJS v8.9.4
我有 NodeJS 的 GraphicsMagick https://github.com/aheckmann/gm
我有图片:https://i.imgur.com/SeHrHLC.png
我有短信:HELLO SUPERMAN
如何创建此结果 - https://i.imgur.com/GKpHHER.png
var fs = require('fs');
var gm = require('gm');
gm('./logo.png')
.font("./font.ttf", 12)
.fontSize(68)
.fill("#555")
.drawText(20, 72, "HELLO")
.fill("#fa0")
.drawText(274, 72, " SUPERMAN")
.write('./out.png', function (err) {
console.log(err);
});
在 Imagemagick 命令行(unix 语法)中,我将执行以下操作。获取图像的高度并指定一些宽度,比如 200。然后为文本制作标题:图像。比附加它们 side-to-side.
height=`convert SeHrHLC.png -format "%h" info:`
convert SeHrHLC.png \
\( -background none -size 200x$height -fill black \
-font Arial -gravity west caption:"Hello Superman" \) \
+append \
result.png
抱歉,我不知道节点或 graphicsmagick。但是imagemagick和graphicsmagick很相似。
我有 GraphicsMagick v1.3.28
我有 NodeJS v8.9.4
我有 NodeJS 的 GraphicsMagick https://github.com/aheckmann/gm
我有图片:https://i.imgur.com/SeHrHLC.png
我有短信:HELLO SUPERMAN
如何创建此结果 - https://i.imgur.com/GKpHHER.png
var fs = require('fs');
var gm = require('gm');
gm('./logo.png')
.font("./font.ttf", 12)
.fontSize(68)
.fill("#555")
.drawText(20, 72, "HELLO")
.fill("#fa0")
.drawText(274, 72, " SUPERMAN")
.write('./out.png', function (err) {
console.log(err);
});
在 Imagemagick 命令行(unix 语法)中,我将执行以下操作。获取图像的高度并指定一些宽度,比如 200。然后为文本制作标题:图像。比附加它们 side-to-side.
height=`convert SeHrHLC.png -format "%h" info:`
convert SeHrHLC.png \
\( -background none -size 200x$height -fill black \
-font Arial -gravity west caption:"Hello Superman" \) \
+append \
result.png
抱歉,我不知道节点或 graphicsmagick。但是imagemagick和graphicsmagick很相似。