Javascript 绘制线以连接div

我目前有以下设置：

它们是可拖动的，我正试图找到一种方法，让线连接它们，即使它们被拖动。有一个简单的方式来显示如何相互关联，哪些应该连接是理想的

---

谢谢

你应该考虑使用。特别是这个例子，我认为您正在寻找：

看看这个：

我将从该代码开始，每次

div

s更改位置时都重新绘制线条。

看看这个：

---

我将从该代码开始，每次

div

s更改位置时重新绘制线条。

您也可以尝试KineticJS。我认为它能很容易地满足你的需求

---

在这里你可以找到很多教程：

你也可以尝试KineticJS。我认为它能很容易地满足你的需求

---

在这里您可以找到很多教程：

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

您也可以尝试，一个可以将div连接在一起的JavaScript库。它的使用非常简单，页面上有大量的演示。

我刚看了一下，似乎重画是通过在JavaScripts中调用

redrawCanvas（）

来实现的。对不起，我该如何实现这个命令？还在学习：）谢谢！！你可能想了解一些事件。它应该解释如何在浏览器中发生某些事情时运行javascript代码。我不确定您到底想使用什么事件…我在jQuery Dragable下找到了Dragable事件，但不知道如何将它合并到您在答案中链接的代码中。。尝试

$（“画布”）.bind（“拖动”，函数（事件，ui）{redrawCanvas（）；}）

别忘了包含jQuery库，如果页面上有多个画布，请将

“画布”

更改为更具体的内容，即：

“canvas#linecanvas”

，它将匹配ID为“linecanvas”的所有画布好吧，我只是查看了一下，似乎通过调用

redrawCanvas（）重画了

在JavaScript对不起，我该如何实现该命令？还在学习：）谢谢！！你可能想了解一些事件。它应该解释如何在浏览器中发生某些事情时运行javascript代码。我不确定您到底想使用什么事件…我在jQuery Dragable下找到了Dragable事件，但不知道如何将它合并到您在答案中链接的代码中。。尝试

$（“画布”）.bind（“拖动”，函数（事件，ui）{redrawCanvas（）；}）别忘了包含jQuery库，如果页面上有多个画布，请将
“画布”
更改为更具体的内容，即：
“canvas#linecanvas”
，它将匹配ID为“linecanvas”的所有画布，尽管我看到了，但仍然无法找出连接的线条。。有什么想法吗？你认为使用不再维护的库是个好主意吗？：）我看到了，虽然我仍然无法找出连接的线路。。有什么想法吗？你认为使用不再维护的库是个好主意吗？：）这似乎远远超出了我所要寻找的：/甚至不确定如何集成它。。谢谢：）这似乎远远超出了我想要的：/甚至不确定如何整合它。。谢谢：）可能的副本可能的副本