キャンバスを使用した長方形操作用のJavaScriptライブラリ

Question

UML /フローチャートデザインツールのようなものを作成したいと思います。ユーザーはシェイプをキャンバス上にドラッグし、シェイプにテキストを追加し、シェイプのサイズを変更し、シェイプを再配置し、シェイプを角度線でリンクすることができます。

質問：

が、私はの上にこのようなアプリケーションを構築できる任意のJavaScriptのキャンバスライブラリはありますか？

達成しようとしていることがわからない場合は、お気軽にお問い合わせください。前もって感謝します！

注：

チュートリアルも大変ありがとうございます。

Answer 1

あまり複雑でないか大きいSVGの方がおそらく簡単だろう。

RaphaelJSは、おそらく最も一般的なSVGライブラリです。

このような単純なことができるキャンバスライブラリはFabricJSとですが、どちらもリンクのコンセプトを非常にうまくサポートしているとは思いません。

Answer 2

私は図書館を知らない、私は、ライブラリを使用するが、すべてのマウスイベントをに制御することにより自分ですべてを行うません：マウスダウン、のmouseup、のMouseMoveなど

たぶん、あなたは読書で学ぶことができますこの男のブログは、サイモンは、彼は次のように素敵なチュートリアルを持っています

http://simonsarris.com/blog/510-making-html5-canvas-useful

http://simonsarris.com/blog/225-canvas-selecting-resizing-shape