編集



使い方

これは何?

画像データをサーバにアップロードする必要なく手軽に文字を入れた画像を作れるWebアプリです。

簡単な使い方

画面上部の画像を読み込みのファイルを選択ボタンをクリックすると、ローカルの画像をブラウザに読み込むことができます。 なお、画像データは外部サーバには送信されません。
画像を読み込むとキャンパス部分に読み込んだ画像が表示されます。

キャンパス下にあるのが文字を入れるためのコントロール群です。
上段から、フォント、文字サイズ、文字の向き。文字の色、文字に枠をつける場合のいろ、枠の種類、枠の太さ。 入れたい文字を書くテキストボックス、となっています。

文字のスタイルの情報と追加したい文字列を書いたら「入力」ボタンをクリックすると、キャンパスに文字が追加されます。 追加された文字はドラッグすることで自由に配置することができます。

追加された文字列は、コントロールボックス右側の「編集」ボックスに追加されていきます。
選択して「編集」ボタンをクリックすると、コントロールボックスの内容が該当の文字の情報に変わるので、好きなところを変更して「入力」ボタンをクリックすると更新できます。 選択して「削除」ボタンをクリックすると、該当の文字が削除されます。

最後に「画像として保存」ボタンをクリックすると、キャンパスの内容を画像としてダウンロードすることができます。

フォントについて

文字のスタイルにフォントのリストがありますが、フォントが使用しているPCにインストールされている必要があります。 (難しい話をすると、Webフォント化するのがグレー or NGに見えたのでやめています)

言わずもがなですが、各フォントの著作権はそれぞれの作者様に帰属しております。各フォントを利用する際はそれぞれの利用規約をきちんと確認してご利用ください。

フォントは自分がよく利用しているものから選んでいます。以下でそれぞれダウンロードできるので気になったものあれば、インストールしてみてください。

ほにゃ字Re
http://honya.nyanta.jp/
07にくまるフォント
http://www.fontna.com/blog/1651/
KFひま字
https://www.kfstudio.net/font/kfhimaji/
KFひま字ふで
https://www.kfstudio.net/font/kfhimaji/
kawaii手書き文字
https://font.spicy-sweet.com/
あずきフォント
http://azukifont.com/
うずらフォント
http://azukifont.com/
あんずもじ
http://www8.plala.or.jp/p_dolce/site3.html
えり字
http://v7.mine.nu/pysco/gallery/font/06.html
りいてがきN
http://aoirii.babyblue.jp/font/index.html
りいてがき筆
http://aoirii.babyblue.jp/font/index.html
りいポップ角
http://aoirii.babyblue.jp/font/index.html
Heart Full
https://atclip.jp/font-page/135

もし、このフォント追加してほしいなどあればご連絡ください。今後、インストール不要で使えるWebフォントにも対応したいと思ってます。