在两个可拖动元素之间画一条线答案

【问题标题】：Draw a line between two draggable elements在两个可拖动元素之间画一条线
【发布时间】：2013-11-09 05:35:46
【问题描述】：

我有一系列可以在单击时拖动的 div。当您释放鼠标时，div 将动画回到原来的位置。

我希望能够在任意两个可拖动的 div 之间画一条直线。这条线应该从一个 div 的中心开始，到第二个 div 的中心结束。当我单击并拖动其中一个 div 时，该线应保持连接到两个 div，根据两个 div 之间的空间量根据需要拉伸/收缩。释放鼠标后，该线仍应保持与 div 的连接。

我的可拖动 div 工作正常。我真的完全不确定如何解决画线部分。任何指导将不胜感激。

【问题讨论】：

【解决方案1】：

this article runs through a fairly complex 用 jquery 和一些 css 转换画线的方式 - 个人从未尝试过，但可能值得一看

也总是有画布，但我相信在这种情况下可能会更不实用

finally this answer has a few other ideas 包括可能解决您问题的 js 库

【讨论】：