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

时间:2013-11-09 05:35:46

标签: jquery jquery-ui svg raphael draggable

我有一系列可以在点击时拖动的div。释放鼠标时,div将动画回原始位置。

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

我有可拖动的div正常工作。我真的不确定如何解决线条绘制部分。非常感谢任何指导。

1 个答案:

答案 0 :(得分:2)

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

还有帆布,但我相信在这种情况下可能更不实用

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