Javascript 绘制贝塞尔曲线的最佳方法
我有一个设计难题 想象一下新的Facebook时间线,上面有很多按时间顺序排列的帖子。然而,我需要做一条随机的曲线,而不是一条直线,内容靠着它放置,如下所示: 这种复杂性是因为当用户滚动时,会加载更多的帖子(facebook/google图片风格),所以排队的人可能几乎是无止境的 据我所知,我的选择是:Javascript 绘制贝塞尔曲线的最佳方法,javascript,flash,html,canvas,svg,Javascript,Flash,Html,Canvas,Svg,我有一个设计难题 想象一下新的Facebook时间线,上面有很多按时间顺序排列的帖子。然而,我需要做一条随机的曲线,而不是一条直线,内容靠着它放置,如下所示: 这种复杂性是因为当用户滚动时,会加载更多的帖子(facebook/google图片风格),所以排队的人可能几乎是无止境的 据我所知,我的选择是: SVG-旧浏览器中的支持较差 闪存层-嵌入将是巨大的,并导致性能问题 画布-画布同样巨大,可能会导致性能问题 问题 有没有跨浏览器的gfx库可以做到这一点,最好是支持IE7/8?还是有一种更聪
如下所示,Raphael被证明是我发现的最好的方法。使用SVG via-它支持IE6+。还研究了Catmull Rom曲线
如果放置是可预测且静态的,则可以使用预渲染曲线段作为常规背景。它可以处理所有事情,而且很容易实现 如果你想变得有趣,你可以存储每个曲线段所需的平移,并随机选择那些将使你保持在设定宽度内的平移