我正在使用 SVG/SMIL 开发解释性线条动画，并在 Firefox 中观看动画时遇到高 CPU 负载。SVG 本身和声明性动画在 CPU 性能方面是否有任何最佳实践？由于不同的查看器和浏览器会产生不同的结果，因此我正在寻找一般的经验法则，我也希望能够将其转换为 Web Animations API。
问问题
1674 次
1 回答
0
您可以在此处找到一些参考资料和信息
已弃用的 SMIL SVG 动画替换为 CSS 或 Web 动画效果（悬停、单击）
在这里您可以看到 Fire Fox 的 CPU 性能低下
https://www.youtube.com/watch?v=1RK3l6H0uDU&feature=youtu.be
而 Chrome 可以很好地处理 SMIL 动画。但在不久的将来，正如上一篇文章https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/5o0yiO440LM/59rZqirUQNwJ中所说，
“它可能会在不久的将来某个时候被删除”
这与 Chrome 中的 SMIL 支持有关。在 Fire Fox 中，SMIL 动画变得非常慢，从 38 版开始，慢动画仍然没有修复（在当前 39.0 中）。
Fire Fox 有可能在未来的版本中修复支持 SMIL 动画，正如他们所说：
在这个阶段，我们无意弃用 SMIL。
但是 Chrome（不是 45 版本，可能会更高版本）会给我们消息（当页面在它的内容中包含 SMIL 时）：
控制台警告：SVG 的 SMIL 动画（、、等）已弃用并将被删除。请改用 CSS 动画或 Web 动画
于 2015-07-15T19:16:34.823 回答