ITエンジニア/デザイナ向けにオープンソースを毎日紹介

Webサービスの中にイラスト機能を追加したいと思ったことはないでしょうか。掲示板でも使えますし、作業内容を写真と合わせて記録するのにも向いています。テキストで書くのとはまた違った情報が入れられるでしょう。

そこで使ってみたいのがDrawerJsです。Webサイトの中に組み込めるドローソフトウェアです。

DrawerJsの使い方

デモです。多彩なツールが並んでいます。

画像や図形を書けます。

表示モード。クリックで編集画面になります。

カスタマイズも可能です。

こんな使い方も。画像と組み合わせると応用範囲が多そうです。

画像をちょっと加工するのにわざわざ画像編集ソフトウェアを使うのは面倒です。写真を貼り付けて注意するポイントに印をつけるだけといった加工もDrawerJsを使えば簡単でしょう。利用できる場面が多そうです。

DrawerJsはJavaScript製のオープンソース・ソフトウェア(MIT License)です。

DrawerJs - A HTML Canvas Editor for drawing and creating sketches.

carstenschaefer/DrawerJs: A customizable WYSIWYG HTML canvas editor.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2