在HTML页面上绘制/绘制矢量图形的最佳方法有哪些？

Question

我正在尝试使用线条和文字生成一些动态网页背景。

在http://74er.net/labs/lines.html看看我的演示（只关注黄线）。

这是一种蹩脚且效率低下的方法，通过字面创建一个具有1 X 1大小的<span>元素和一个基于ellispe公式的X，Y位置的黄色背景。

我对线条创建的要求相当简单（或者说相当简单）：

• 必须在客户端创建，而不是由服务器脚本生成的动态映像
• 可以基于简单的公式（圆，椭圆或直线）创建
• 可以包含在DOM元素中（例如DIV，以便我可以将其作为背景分层）
• 没有HTML5画布技术（仅因为它应该在非HTML5兼容的浏览器上呈现）
• 对我的当前实施不像浏览器那么费力

不需要：

• 非常流畅的曲线（尽管欢迎这一点）
• 点缀/虚线（如果可行，我也会喜欢）

基于以上所述，我几乎可以肯定SVG（Raphaël）是可行的方式但是由于某些浏览器缺乏原生的SVG支持而导致我被推迟。

我查看了Walter Zorns library，它内置了一些优秀的性能调优算法。因此，如果我找不到更有创意的实施，那将是我的选择。

如果您需要进一步澄清，请与我们联系。

Answer 1

上午，

我很高兴使用Dojo Toolkit的绘图功能。你可以在这里看到它：

Dojo drawing example

下载Dojo访问：

Dojo Toolkit