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

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

そんなSVGコンテンツをWebベースで作成できるのがMondrianになります。

Mondrianの使い方

デモです。

テキストを追加します。

拡大表示です。

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

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

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

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

Mondrian

artursapek/mondrian: Web-based vector graphics editor

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2