ルモーリン

絵文字入りテキストの画像化

投稿:2019-07-17

参議院議員立候補者が電子為書きを募集していて、そこに絵文字入りメッセージを送ると文字化けしました。 今時、文章に絵文字とか常識だよね?(なお、昭和生まれ)

という訳で実際に作ってみました。 何かテキストを入力して画像化ボタンをクリックすると画像が表示されるので保存してください。 A4横書きに印刷しても粗くない3500ピクセルまでサポートしています。 お借りしたフォントは「rounded-mgenplus-1m-regular.ttf(Rounded Mgen+ (ラウンデッド ムゲンプラス) | 自家製フォント工房)」です。絵文字のビットマップはツイッター社のTwemojiを使っています。あと、絵文字の連字も把握して、最多コードポイント8個で1個の絵文字にします。

テキスト:
画像幅:
文字数上限:


処理:


画像(横幅を500pxに縮小表示):

HTMLのソースを見れば一目瞭然。 JSONでパラメタを渡してPNGが返る簡単設計です。 ここから下にJavaScriptを書いてあります↓