node.js - 如何为图像中的文本添加阴影？

Question

我怎样才能像这张图片那样给文本添加阴影:http://i.stack.imgur.com/Qk4kk.png

我正在使用以下代码在图像中生成文本。但我不知道如何添加阴影:

gm(filename)
    .font("Arial")
    .fontSize(72)
    .drawText(0, 0, text, 'Center')
    .write("./result.png", clb);

Answer 1

最简单的文本阴影方式是将相同的文本绘制两次。首先是阴影，然后是顶部的实际文本。

例子

convert wizard: -font Arial -pointsize 72 -gravity center \
        -fill black -draw 'text 1 1 "Hello_World"' \
        -fill pink  -draw 'text 0 0 "Hello_World"' \
        ./result.png

您可以添加与图像相互依赖的阴影模糊或其他效果。参见 examples .

我不太了解 javascript gm，但我想它可能看起来像...

gm(filename)
    .font("Arial")
    .fontSize(72)
    .fill(shadowColor)
    .drawText(1, 1, text, 'Center')
    .fill(textColor)
    .drawText(0, 0, text, 'Center')
    .write("./result.png", clb);