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

obj*_*ect 5 jquery svg jquery-ui draggable raphael

我有一系列的 div,单击它们即可拖动。当您释放鼠标时,div 将以动画方式返回到其原始位置。

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

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

Joe*_*Joe 3

本文介绍了一种使用jquery 和一些 css 转换绘制线条的相当复杂的方法 - 个人从未尝试过,但可能值得一看

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

最后这个答案还有一些其他的想法,包括可能解决你的问题的js库