Performance 画布与SVG动画（效果[过滤器]和性能）
我正在开发一个应用程序，它应该可以在web浏览器（IE支持完全可选）和iPhone上同样顺利地运行，并且已经对各种库进行了几天的测试，包括：jQuery SVG、CAKE（Canvas Animation Kit实验）、Burst Engine、Processing.js和Raphael，但尚未找到适合此实验的库 输入是可选的-无论是SVG还是从矢量渲染的PNG，动画库仅有的两个要求是能够为图像设置动画（旋转），并逐渐应用模糊过滤器或类似“轨迹”的效果 我应该选择SVG还是画布、性能以及前面提到的效果Performance 画布与SVG动画（效果[过滤器]和性能）,performance,animation,canvas,svg,effects,Performance,Animation,Canvas,Svg,Effects,我正在开发一个应用程序，它应该可以在web浏览器（IE支持完全可选）和iPhone上同样顺利地运行，并且已经对各种库进行了几天的测试，包括：jQuery SVG、CAKE（Canvas Animation Kit实验）、Burst Engine、Processing.js和Raphael，但尚未找到适合此实验的库 输入是可选的-无论是SVG还是从矢量渲染的PNG，动画库仅有的两个要求是能够为图像设置动画（旋转），并逐渐应用模糊过滤器或类似“轨迹”的效果 我应该选择SVG还是画布、性能以及前面提到
以前这个项目是Flash的，但是考虑到趋势和缺乏iPhone支持，我决定改用更先进的软件 在这里，您可以将过滤器性能与您自己进行比较。另一个示例显示如何执行vs
在展示canvas和svg时，有很多不错的演示。还有一些或多或少都是一样的。谢谢，在这个实验中，Canvas可能会表现得更好。虽然我还没有找到任何例子或参考动画模糊过滤器（增加和减少模糊量）-你知道有吗？由于我在项目的前一个实现中使用了Flash，SVG看起来更直观，因为模糊和旋转是不同层上对象的动画属性-你能给我一些关于如何使用Canvas实现相同功能的示例吗？（使用旋转和过滤器独立设置多个对象的动画）以下是设置模糊动画的示例：。该特定版本需要SMIL动画支持，但并非所有浏览器都支持SMIL动画（我建议在Opera中运行它）。但是，可以使用JavaScript改变“STDROBECT”属性，并且在支持SVG过滤器的浏览器中应该是很好的。而且我对性能感到惊讶，因为SVG版本在我尝试过的每一个实例中都快得多（基本上是C++代码和JavaScript）。尝试了几种不同的浏览器？刚刚花了几个星期在全屏worldmaps（10万点）上进行了精心制作的缩放/平移动画，我们的测试表明SVG明显优于Canvas。如果要绘制大量的细节，则Win7/Vista中对SVG的Direct2D硬件支持将胜出，而画布必须每帧重新绘制整个屏幕（即缩放操作）。SVG以15fps的速度运行，而canvas（通过硬件支持启用进行了高度优化）以3fps的速度运行。