Javascriptでカード/ラベルを作る

ツールボックス用のラベルを作るのに,いちいちExcelやillustratorを使うのが面倒だったので,Javascriptをベースとしてラベルジェネレータを開発しました.

Cardmaker
Formに入力された情報をJavascriptで読み込み,svgイメージとして書き出しています.
IconはすべてFontAwesomeのアイコンフォントから読み込んでいるため,アイコンのサイズをフォントサイズとして簡単に制御することができました.
Icomoonを使って,FontAwesomeだけでは足りないアイコンを順次追加する予定です.

Javascriptのみを使っているため,オフラインでの利用も可能です.ただし,bootstrapとFontAwesomeのcss,js,fontはCDNを利用しているため,これらをダウンロードしてリンクを修正してください.

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です