2015-05-19 4 views
3

Как я могу добавить тень к тексту, как на этой картинке: http://i.stack.imgur.com/Qk4kk.pngКак добавить тень к тексту в изображении?

Я генерации текста в изображении с помощью следующего кода. Но я не знаю, что делать, чтобы добавить тень:

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

ответ

2

Самый простой способ сделать текст тени, чтобы он нарисовал тот же текст дважды. Первый экземпляр должен быть теневым, а затем фактическим текстом сверху.

Пример

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 

add a shadow to text

Вы можете добавить размытие, или другие эффекты, тени взаимозависимо изображения. См. 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);