Web上でドローをしようとした場合、取り得る選択肢はSVGかCanvasになります。Canvasは埋め込まれるコンテンツがバイナリになってしまいますが、SVGであればテキストベースなのが利点になるでしょう。 そんなSVGコンテンツをWebベースで作成できるのがMondrianになります。

Mondrianの使い方

デモです。

テキストを追加します。

拡大表示です。

画像(PNG)で出力した例です。

SVGで出力しました。エラーが出てしまっています。

Mondrianは様々なオブジェクトをドローできます。レイヤー機能こそありませんが、色を変えたり線の太さを後から変えることも可能です。作成したコンテンツはシェアしたり、埋め込みもできます。

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

Mondrian artursapek/mondrian: Web-based vector graphics editor