绘制线条以连接div

Question

我目前有这个设置：http://sandbox.brightboxstudios.com/orgmap/

它们是可拖动的，我试图找到一种方法让线连接它们，即使它们被拖动。有一个简单的方法来显示每个相关的以及应该连接的是理想的！

感谢!!!

Answer 1

您应该考虑使用D3.js library。特别是这个例子我认为你正在寻找：http://mbostock.github.com/d3/ex/force.html

Answer 2

看看这个：jQuery - use canvas to draw lines between divs

我从代码开始，每次div更改位置时重新绘制线条。

Answer 3

您也可以尝试KineticJS。我认为它会提供你想要的东西。 http://www.kineticjs.com/

在这里您可以找到许多教程：http://www.html5canvastutorials.com/kineticjs/html5-canvas-events-tutorials-introduction-with-kineticjs/

Answer 4

您还可以尝试jsPlumb，这是一个可以将div连接在一起的JavaScript库。它的使用非常简单，该页面上有很多演示。