javascript - 在 2 个 float div 之间创建一条线并调整为移动

标签 javascript html css

我有两个 float 的 div,用户可以使用拖放来重新定位它们。 我想在两个 div 之间画一条线,并让它根据 div 的移动自行调整(大小和位置)。

目标是在浏览器中获得某种类似图表流/图表的结构。

执行此操作的最佳方法是什么?

最佳答案

如果您要做的不仅仅是非常的基本绘图/图形,那么我会推荐一个绘图库,例如 RaphaelJS。它大大简化了你的事情。看一个例子:http://jsfiddle.net/sveinatle/RVykE/1/

这个例子不是一个完美的实现,但它显示了你从 Raphael 那里得到了多少帮助。

关于javascript - 在 2 个 float div 之间创建一条线并调整为移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11284800/

相关文章:

javascript - 如何在 Redux 中使用类模型(使用 Mobx 选项)

javascript - 在上传之前,我可以在代码中的哪个位置将文件扩展名更改为小写?

javascript - 如何确保我的 div 中的最后一个标记始终是 <br/>? IE11 中的插入符号问题(错误?)

javascript - jQuery : How to Select input fields which are displayed in tabs

html - 使类(class)图标(电话)可点击

javascript - 如何使用 JavaScript 中的 getElementById 方法为变量分配数字

'\u2028' unicode 字符上的 Javascript 解析错误

jquery - HTML5 Canvas 绘图拖放

javascript - 循环遍历对象以输出图标 javascript

javascript - 使用 javascript 转换背景图像