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

标签 jquery jquery-ui svg raphael draggable

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

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

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

最佳答案

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

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

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

关于jquery - 在两个可拖动元素之间画一条线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19872740/

相关文章:

具有多个步骤的 PHP AJAX 进度条更新

javascript - flowplayer 类 "playing"和 "paused"不被尊重

javascript - 动态删除 Datepicker 函数

悬停时的 JQuery 缩略图 src 旋转器(多个图像)

svg - 如何在SVG路径中设置每条线的颜色或宽度

javascript - 我的javascript函数有问题吗?

jquery - 如何使用 jQuery 在文本区域中连接字符串/文本?

javascript - knockout removeAll()无法识别

html - alt 和标题未显示为 svg 路径的工具提示

javascript - jQuery/Svg : increment value "dur" when key is pressed