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

标签 javascript flash html canvas svg

我有一个设计难题。

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

复杂性在于,随着用户滚动,更多的帖子被加载(facebook/google 图片样式),所以这条线几乎是无穷无尽的。

据我所知,我的选择是:

  1. SVG - 在旧浏览器中的支持不佳
  2. Flash 层 - 嵌入会很大并导致性能问题
  3. canvas - 同样,canvas 会很大,可能会导致性能问题

问题

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

编辑:回答 见下文,事实证明拉斐尔是我找到的最好的方法。

最佳答案

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

关于javascript - 绘制贝塞尔线的最佳方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10120533/

相关文章:

flash - 播放 Flash 视频时检测 TCP 连接是否关闭

javascript - Facebook Flash 应用程序无法与 JavaScript 通信

html - 通过CSS将Label的第二行缩进到第一行的正下方

python - 从 html 表制作数据框时,可以在 pandas read_html 中保留换行符吗?

javascript - 在输入字段中放置一个 div

javascript - 使用 AJAX 附加来自另一个页面的文本或值

javascript - 如何使用 Chrome 扩展程序的 ContentScript 更改 flashvar?

javascript - 即使数据存在,ng-repeat 也不显示

javascript - 如何在背景图片上添加文字

javascript - 我应该捕获这个 promise 代码吗?