使用Jquery在html元素之间绘制平滑线？

Question

我想使用jquery在html元素之间绘制平滑线。 Jquery有没有使用Jquery绘制平滑线的插件？ 我使用过SVG插件，但在IE7，IE8中不支持。 我也用div画线，但它有很多锯齿。

任何想法都是非常有用的。插件应该支持至少IE7和greter版本，Mozila和crome。 感谢。

http://servut.us/akx/stackoverflow/jquery-canvas-lines.html 我想像上面的链接一样。但上述链接的问题是它在IE 7,8中不起作用。

Answer 1

您可以实现这一点complicated ways，但很可能您会想要使用HTML5 canvas及其方法moveTo和lineTo。如果您需要支持没有画布支持的旧版浏览器（如IE7和IE8），那么您可以使用画布polyfill来帮助您实现这一目标。

Answer 2

在HTML 5普及之前，动态图形的最佳选择可能是在服务器上呈现图像，并在客户端上使用HTML标记引用它。

GD（如果你使用的是PHP）和System.Drawing（如果你使用的是.Net）都会让这个变得相对简单。

Answer 3

使用css边框，它应该有各种漂亮的边框

样品

border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;