Javascriptの描画キャンバスはどこにありますか？

Question

JSで描画プログラムを作成したいと思います。 （jQueryが優先されますが必須ではありません）。

とにかく、私のビジョンは、シンプルなグリッドを持つ大きくて空白の白いキャンバスです。ユーザーはグリッド（アイコン、画像など）に「レイヤー」をドラッグすることができます。また、描画カーブ、線、ボックスなどをサポートします。

Adob​​e Illustratorを考えるとずっと簡単です。正直、それは芸術よりもデータベースダイアグラムを行うために使用されます（データベースダイアグラムがあなたに芸術でない限り...笑）

そこには何かがありますか？

おかげで私は、インラインSVGはなく、キャンバスのようなものを使用することをお勧めしベクタグラフィックスのために

Answer 1

私はあなたのアイデアを最初にされませんを通知するためにごめんなさい。

チェックアウトこれら - diagramo.com（HTML5 /キャンバス） - lucidchart.com（HTML5 /キャンバス） - gliffy.com（フラッシュ）新しい追加は競争のために常に良いですが、

は、野生でさらにいくつかあります！

Answer 2

。 あなたがここに始めるためには、ここでは（私はjslintを知っていた前に、それがあるべきほどきちんとしていないですので、）私は戻って、長い時間を書いた何かhttp://jsfiddle.net/ctrlfrk/mZzVD/

であるjQueryのSVGライブラリ（私はそれがブックマークしていたが、避難所であります「t）はそれを試してみました：http://keith-wood.name/svgRef.html

mozillaの参照：https://developer.mozilla.org/en/SVG_Reference

そして実際の仕様：http://www.w3.org/TR/SVG11/index.html