Web上で絵を描こうと思うとCanvasタグを使って行います。そして、そこに描かれた情報は画像としてダウンロード可能です。しかし、ベクターデータとして(SVGとして)欲しい場合もあるでしょう。 そこで使ってみたいのがdrawgonです。Web上で使えるドローイングアプリケーションです。

drawgonの使い方

最初にサイズを決めます。

ページが開きました。

ペン種が決められます。これは線です。

四角で描くパターン。

三角。

書いたものはSVGまたはPNGで出力できます。

drawgonはまだ色を使ったり、線種を細かく指定することはできません。レイヤーなどもありませんので注意してください。ただ、書いたものを画像としてはもちろん、SVGでも出力できるのはユニークです。undo/redoも用意されています。

drawgonはJavaScript製のオープンソース・ソフトウェア(Open Software License 3.0)です。

drawgon kamalasaurus/drawgon: a progressive web drawing app