私は現在、この設定をしています: http://sandbox.brightboxstudios.com/orgmap/
それらはドラッグ可能であり、ドラッグされた場合でも、線でそれらを接続する方法を見つけようとしています。それぞれがどのように関連しており、どれを接続する必要があるかを簡単に示す方法があると理想的です!
ありがとう!!!
私は現在、この設定をしています: http://sandbox.brightboxstudios.com/orgmap/
それらはドラッグ可能であり、ドラッグされた場合でも、線でそれらを接続する方法を見つけようとしています。それぞれがどのように関連しており、どれを接続する必要があるかを簡単に示す方法があると理想的です!
ありがとう!!!
D3.js ライブラリの使用を検討する必要があります。特に、この例はあなたが探していると思います: http://mbostock.github.com/d3/ex/force.html
これを見てみましょう: jQuery - キャンバスを使用して div 間に線を引きます
div
私はそのコードから始めて、 s の場所が変わるたびに線を再描画します。
divを接続できる JavaScript ライブラリであるjsPlumbを試すこともできます。使い方はとても簡単で、そのページにはたくさんのデモがあります。
KineticJS も試してみてください。手軽に欲しいものを提供してくれると思います。http://www.kineticjs.com/
ここでは、多くのチュートリアルを見つけることができます: http://www.html5canvastutorials.com/kineticjs/html5-canvas-events-tutorials-introduction-with-kineticjs/