将div与(非直线)连接

时间:2012-04-10 14:32:24

标签: php css

我想开发我的网站,其布局看起来有点像连接管道的房子,或连接到网络的多台计算机。基本上,它将是漂浮在空间中的盒子,其中的线条连接着一些盒子。我希望这些线条也有一些转弯(只是简单的90度角),而不仅仅是一条直线。

我的问题是实现这一目标的最佳方式是什么,也许是一个小例子。我的想法是使用:

PHP和CSS:我可以创建一个背景网格,然后使用一些复杂的算法,使用网格的边框绘制路径。这会更有活力,但我不确定我是否可以自己绘制数学。

只是CSS:也许这就像制作一些预先画出的线条一样简单,比如L形和T形交叉点,然后放置和缩放它们。但我不相信有一种方法可以通过切片来缩放图像..所以线宽会缩放,因此每个图像看起来都不同。

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

你,也许可以使用一些jQuery的位置&维度函数和属性。

即。获得div之间的偏移和距离,然后可以用来“绘制”一些额外的div作为连接器。

可能会很乱,但会起作用。