Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/flash/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/4/maven/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 绘制贝塞尔曲线的最佳方法_Javascript_Flash_Html_Canvas_Svg - Fatal编程技术网

Javascript 绘制贝塞尔曲线的最佳方法

Javascript 绘制贝塞尔曲线的最佳方法,javascript,flash,html,canvas,svg,Javascript,Flash,Html,Canvas,Svg,我有一个设计难题 想象一下新的Facebook时间线,上面有很多按时间顺序排列的帖子。然而,我需要做一条随机的曲线,而不是一条直线,内容靠着它放置,如下所示: 这种复杂性是因为当用户滚动时,会加载更多的帖子(facebook/google图片风格),所以排队的人可能几乎是无止境的 据我所知,我的选择是: SVG-旧浏览器中的支持较差 闪存层-嵌入将是巨大的,并导致性能问题 画布-画布同样巨大,可能会导致性能问题 问题 有没有跨浏览器的gfx库可以做到这一点,最好是支持IE7/8?还是有一种更聪

我有一个设计难题

想象一下新的Facebook时间线,上面有很多按时间顺序排列的帖子。然而,我需要做一条随机的曲线,而不是一条直线,内容靠着它放置,如下所示:

这种复杂性是因为当用户滚动时,会加载更多的帖子(facebook/google图片风格),所以排队的人可能几乎是无止境的

据我所知,我的选择是:

  • SVG-旧浏览器中的支持较差
  • 闪存层-嵌入将是巨大的,并导致性能问题
  • 画布-画布同样巨大,可能会导致性能问题
  • 问题

    有没有跨浏览器的gfx库可以做到这一点,最好是支持IE7/8?还是有一种更聪明的方法可以做到这一点,而我可能忽略了这一点

    编辑:回答
    如下所示,Raphael被证明是我发现的最好的方法。

    使用SVG via-它支持IE6+。

    还研究了Catmull Rom曲线


    如果放置是可预测且静态的,则可以使用预渲染曲线段作为常规背景。它可以处理所有事情,而且很容易实现

    如果你想变得有趣,你可以存储每个曲线段所需的平移,并随机选择那些将使你保持在设定宽度内的平移