如何在图像中为文本添加阴影？

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

您可以相互依赖地添加阴影的模糊或其他效果.见例子.

我对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);