2012-12-12 14 views
7

私はワークフローツールを構築し、ノードをキャンバスにドラッグしたり、ノードのアウトレットを他のノードの入力に接続したりする必要があります。 http://bronto.com/platform/featuresドラッグ&ドロップでHTMLワークフローデザイナー

開始方法に関する提案を探しています...これを簡単にするために推奨されるフレームワーク/ライブラリがあれば興味があります。ドラグ/ドロップ/ライン描画/などを処理するためにJavascriptを抜き始める必要があります。

+1

Kineticjsはドラッグ可能な要素を大きくサポートしています。 – Shmiddty

答えて

1

私はいくつかのワークフロー、フローチャート、およびダイアグラムツールを試しました。

エディタを使用してHTML5ワークフロー図を作成し、サーバーとの間でデータを読み込んだり保存したりできます。

これは、ワークフローダイアグラムを作成するために使用することができ、ほぼすべての機能があります。

1)長方形の中リッチテキストを。

2)形状をカスタマイズする能力。

3)フローチャートシンボルを追加してバックエンドコードを修正する機能。

4)Android、iOS、HTML5ブラウザで動作します。

5)異なる種類の線を追加して、異なる形やオブジェクトにアタッチする機能。

6)要素、線、図形、リッチテキストを正しくドラッグ&ドロップできます。

7)独自の要素(付箋、UMLオブジェクト、行レーン、ドキュメントオブジェクトなど)を作成することができ

MITライセンス。

https://code.google.com/p/svg-edit/

0

あなたはASP.NETプラットフォーム上にある場合、Orchard CMSを試してみてください。あなたのニーズに合わせてカスタマイズできるWorkflow Moduleがあります。

3

この質問はかなり古いですが、誰かが更新された回答を必要とする場合は、間違いなくjQueryのオープンソースプロジェクトjsPlumb https://github.com/sporritt/jsPlumbを試してみてください。

Flowchart builder demo