画布与SVG动画（效果[过滤器]和性能）

Question

我正在开发一个应该在Web浏览器（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 vs canvas 3d lighting effect

在chromeexperiments有很多很棒的演示，同时展示了canvas和svg。并且svg-wow.org或多或少地做同样的事情。