在2个浮动div之间创建一条线并调整到移动

Question

我有两个浮动div，可以由用户使用拖放重新定位。 我想在两个div之间画一条线，让它自己调整（大小和位置）到div的运动。

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

这样做的最佳方法是什么？

Answer 1

如果你要做的不仅仅是非常基本的绘图/数字，那么我会推荐一个绘图库，如RaphaelJS。它极大地简化了您的工作。查看示例：http://jsfiddle.net/sveinatle/RVykE/1/

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

Answer 2

JS Plumb：

http://jsplumb.org/jquery/demo.html

SVG，Canvas或VML

Jquery，Mootools或YUI

Answer 3

这是一个只使用HTML，jQuery和一些三角函数的版本！ 仍然需要一些调整，但它主要是在那里。

http://jsfiddle.net/gKj35/2/

Answer 4

我可以想到三种方式：

1. 你可以使用svg
2. 你可以使用html canvas
3. 你可以使用纯HTML（高度= 1的div将是水平线， 并且宽度= 1的div将是垂直线）。您可以组合这些线来创建线段。