0

フロー デザイナーの仕様を持っていますが、それを作成するための適切なツールを見つけるのに苦労しています。

最小仕様 - 矢印で接続できるドラッグ可能なブロック。各ブロックは最小詳細を表示します。ホバーすると、ブロックが成長し、追加の詳細が表示されます

html5 にする必要があります

フローを描画するために KinectJS/EaselJS を見ていましたが、編集のために拡張ブロックのそれぞれに DOM 要素 (コンボボックス/テキストボックス/etc) が必要であり、どちらでも適切な方法を見つけることができません。彼ら。

DOM 要素のブロックをドラッグするのに最適な JQueryUI のドラッグ可能機能を見ましたが、それらの間に矢印を描くのは非常に困難です。

誰かがそのようなものを作ったのですか、それとも私に指示を与えることができますか?

ありがとう :)

4

2 に答える 2

0

矢印が常に変化している場合、キャンバスはおそらく矢印を描画するための最良の方法です。ブロックの背後に大きなキャンバス オブジェクトを配置するか、矢印ごとに異なるキャンバス要素を構築することができます。

私が似たようなものを構築するとき、マウスボタンが押されている間だけ setTimeout 関数が特定の矢印を更新するようにしました。見栄えを良くするだけです。

于 2013-11-08T17:49:53.843 に答える