2016-04-15 9 views
0

ImageMagick ver 6.9.3-7を使用して画像にテキストを書いています。私は、同じフォントの同じテキストがhtmlキャンバスの方がはるかによく見えることに気付きました。同じように見せようとしています。ImageMagickを使用したスムーズテキストエッジ

これは、それがHTML5のキャンバスにどのように見えるかです:

enter image description here

と、これはそれがIMで見えています方法です:

enter image description here

(異なるを表示する画像を拡大)

これは私がnode.jsで画像を作成する方法です:

gmFrame 
     .font("./assets/impact.ttf", fontSize) 
     .stroke("#000") 
     .strokeWidth(8) 
     .draw(`gravity center text ${position.x},${position.y} '${text}'`) 
     .stroke("transparent") 
     .fill("#fff") 
     .draw(`gravity center text ${position.x},${position.y} '${text}'`); 

何か問題はありますか?

答えて

0

唯一の方法を調べた後、それはぼかしである。

これは、別のファイル

convert -quality 100 "DJ Pauly D.jpg" -resize 500x500 \(+clone -alpha transparent -pointsize 52 -font impact -stroke "#000" -strokewidth 8 -draw "gravity center text 0,0 'WRITE SOMETHING'" -stroke "transparent" -fill "#fff" -draw "gravity center text 0,0 'WRITE SOMETHING'" -blur 0x5 \) -composite r2.png 
を記述せずにぼかしを使用してテキストを追加する方法の例です
関連する問題