我正在尝试使用线条和文本生成一些动态网页背景。
看看我在http://74er.net/labs/lines.html上的演示(只关注黄线)。
这是一种蹩脚且低效的方法,它根据椭圆公式逐字创建一个<span>
大小为 1 X 1 且具有 X、Y 位置的黄色背景的元素。
我的要求是线条创建相当简单(或相当简单):
- 必须在客户端创建,而不是由服务器脚本生成的动态图像
- 可以基于简单的公式(圆、椭圆或直线)创建
- 可以包含在 DOM 元素中(例如 DIV,以便我可以将其分层作为背景)
- 没有 HTML5 画布技术(只是因为它应该在不兼容 HTML5 的浏览器上呈现)
- 不像我目前的实现那样对浏览器负担过重
不需要:
- 非常平滑的曲线(尽管会受到欢迎)
- 虚线/虚线(如果可行,我也会喜欢)
基于上述情况,我几乎可以肯定 SVG(与Raphaël一起)是要走的路,但我因某些浏览器缺乏原生 SVG 支持而感到厌烦。
我查看了Walter Zorns 库,它内置了一些出色的性能调整算法。所以如果我找不到更有创意的实现,那将是我的选择。
如果您需要进一步说明,请告诉我。