javascript – 在HTML页面上绘制/绘制矢量图形的最佳方法是什么?

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

http://74er.net/labs/lines.html看一下我的演示(只关注黄线).

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

我的要求是线创建非常简单(或者说相当简单):

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

不需要:

>非常流畅的曲线(尽管欢迎)
>点缀/虚线(如果可行,我也会喜欢)

基于以上所述,我几乎可以肯定SVG(有Raphaël)是要走的路,但是由于在某些浏览器中缺乏本机SVG支持而导致我被推迟.

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

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

最佳答案 早上,

我喜欢使用Dojo Toolkit的绘图功能.你可以在这里看到它:

Dojo drawing example

要下载Dojo,请访问:

Dojo Toolkit

点赞