1

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

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

最好的方法是什么?

4

4 回答 4

3

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

该示例不是一个完美的实现,但它显示了您从 Raphael 获得了多少帮助。

于 2012-07-01T19:19:30.840 回答
1

JS铅垂:

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

在此处输入图像描述

SVG、画布或 VML

Jquery、Mootools 或 YUI

于 2012-07-01T19:27:35.483 回答
1

这是一个仅使用 HTML、jQuery 和一些三角函数的版本!
仍然需要一些调整,但大部分都在那里。

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

于 2012-07-01T20:07:42.830 回答
0

我可以想到三种方法:

  1. 你可以使用 svg
  2. 你可以使用 html 画布
  3. 您可以使用纯 html(高度 = 1 的 div 将是水平线,而宽度 = 1 的 div 将是垂直线)。您可以组合这些线来创建线段。
于 2012-07-01T19:05:58.777 回答