javascript - 绘制贝塞尔线的最佳方法

Question

我有一个设计难题。

想象一下新的 Facebook 时间线，上面附有许多按时间顺序排列的帖子。但是，我需要制作一条随机曲线，而不是一条直线，并将内容放在它上面，如下所示：

复杂性的出现是因为随着用户滚动加载更多帖子（facebook/google 图像样式），所以这条线几乎是无穷无尽的。

据我所知，我的选择是：

1. SVG - 旧浏览器的支持不佳
2. Flash 层 - 嵌入会很大并导致性能问题
3. 画布 - 再次，画布会很大，可能会导致性能问题

问题

是否有任何跨浏览器 gfx 库可以做到这一点，最好支持 IE7/8？还是有一种更聪明的方法可以做到这一点，而我可能会忽略它？

编辑：回答 见下文，拉斐尔被证明是我发现的最好的方法。

Answer 1

通过Raphaël使用 SVG - 它支持 IE6+。

Answer 2

还要研究 Catmull Rom 曲线

http://www.irunmywebsite.com/raphael/additionalhelp.php?v=2&q=catmullromspline

Answer 3

如果放置是可预测的和静态的，您可以使用预渲染曲线段作为常规背景。它适用于所有事情，并且很容易实现。

如果你想变得花哨，你可以存储每个曲线段所需的平移，并随机选择那些让你保持在设定宽度内的平移。