javascript - html5でモデリングツールを作る方法

Question

コネクタを含むドラッグ アンド ドロップ機能を備えた html 5 のダイアグラム ツール。

四角形の円を持つ描画ツールと、データ ストアがマウス クリックの矢印を介して接続され、同じデータ ストアの XML ファイルを生成することを検討してください。

Answer 1

OPはgojsを試してみたいかもしれません。

gojs は、http://www.nwoods.com/products/gojs/ から入手できる、html キャンバスを使用してダイアグラムを描画するための洗練された JavaScript ライブラリです。これは「無料」の製品ではありませんが、ダイアグラムに透かしを表示するために完全に機能する無料の試用版があります。

プリミティブな描画操作をより高いレベルに抽象化し、単に描画するだけでなく、すばやく作成して使用できる多くのダイアグラム タイプ (組織図、フロー ダイアグラムなど) を提供します。これは、非常に生産的な作図にモデル ビュー アプローチを使用します。ダイアグラム内およびコンポーネントのパレットからのドラッグ アンド ドロップをサポートしています。

彼らのサポートも良いです。

私は、幸せな顧客であること以外に、ベンダーとは何の関係もありません。