SVG 背景动画和帧率答案

【问题标题】：SVG Background animation and frame rateSVG 背景动画和帧率
【发布时间】：2011-04-20 11:32:58
【问题描述】：

我用 SVG 制作了动画。它就像一张慢慢变化的壁纸。这个想法是您几乎不会注意到它正在发生变化。

它纯粹是装饰性的，我不希望它消耗任何资源。有没有办法在 SVG 中设置帧速率？我认为将其设置为非常低的数字可能会奏效？顺便说一句，我正在使用 Raphael。

【问题讨论】：

如果您真的想控制帧速率，我会使用setInterval 或setTimeout...否则您将不得不在Raphael 中查看animate() 的引擎盖。 --- 如果您需要更多帮助，请发布您的代码。

【解决方案1】：

在 Raphael 的内心深处，你会发现控制非关键帧动画帧速率的逻辑：

animationElements[length] && setTimeout(animation);

通过省略实际的超时值，Raphael 基本上是在告诉浏览器尽可能快地运行该方法（在 DOM 规范和浏览器实现提供的调度约束内）。您可以调整该函数以使用用户提供的参数（或在其中放置一个数字，尽管这会影响所有动画），或者使用 Peter 的建议。

【讨论】：