我目前有这个设置:http ://sandbox.brightboxstudios.com/orgmap/
它们是可拖动的,我试图找到一种方法让线条连接它们,即使它们被拖动。有一个简单的方法来显示每个是如何相关的以及应该连接哪些是理想的!
谢谢!!!
我目前有这个设置:http ://sandbox.brightboxstudios.com/orgmap/
它们是可拖动的,我试图找到一种方法让线条连接它们,即使它们被拖动。有一个简单的方法来显示每个是如何相关的以及应该连接哪些是理想的!
谢谢!!!
您应该考虑使用D3.js 库。特别是这个例子是我认为你正在寻找的:http: //mbostock.github.com/d3/ex/force.html
我将从该代码开始,每次div
s 更改位置时重新绘制线条。
您还可以尝试jsPlumb,这是一个可以将 div 连接在一起的 JavaScript 库。它使用起来非常简单,并且该页面上有很多演示。
你也可以试试 KineticJS。我认为它会很容易地提供你想要的东西。http://www.kineticjs.com/
在这里你可以找到很多教程:http ://www.html5canvastutorials.com/kineticjs/html5-canvas-events-tutorials-introduction-with-kineticjs/