4

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

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

这是一种蹩脚且低效的方法,它根据椭圆公式逐字创建一个<span>大小为 1 X 1 且具有 X、Y 位置的黄色背景的元素。

我的要求是线条创建相当简单(或相当简单):

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

不需要:

  • 非常平滑的曲线(尽管会受到欢迎)
  • 虚线/虚线(如果可行,我也会喜欢)

基于上述情况,我几乎可以肯定 SVG(与Raphaël一起)是要走的路,但我因某些浏览器缺乏原生 SVG 支持而感到厌烦。

我查看了Walter Zorns 库,它内置了一些出色的性能调整算法。所以如果我找不到更有创意的实现,那将是我的选择。

如果您需要进一步说明,请告诉我。

4

1 回答 1

2

早晨,

我很喜欢使用 Dojo Toolkit 中的绘图功能。你可以在这里看到它的实际效果:

道场绘图示例

要下载 Dojo,请访问:

道场工具包

于 2010-01-17T08:22:04.507 回答