performance - Canvas 与 SVG 动画(效果 [过滤器] 和性能)

Question

我正在开发一个应用程序，它应该在网络浏览器(IE 支持完全可选)和 iPhone 上同样流畅地运行，并且已经测试了好几天的各种库，包括:jQuery SVG、CAKE(Canvas Animation Kit Experiment)、Burst Engine、 Processing.js 和 Raphael，还没有找到适合这个实验的。

输入是可选的——无论是 SVG 还是从矢量渲染的 PNG，动画库的唯一两个要求是能够动画(旋转)图像，并逐渐应用模糊滤镜或“轨迹” -样的效果。

我应该选择 SVG 还是 Canvas、性能以及上述效果？

以前该项目是在 Flash 中，但考虑到趋势和缺乏 iPhone 支持，我决定切换到更先进的软件。

Answer 1

在这里您可以比较过滤器性能 svg对比canvas你自己。另一个例子展示了如何做 svg 3d lighting effect对比canvas 3d lighting effect

chromeexperiments 上有很多不错的演示同时显示 Canvas 和 svg。还有 svg-wow.org这或多或少做同样的事情。