我正在使用SVG / SMIL开发解释线动画,并在观看Firefox中的动画时遇到高CPU负载。 SVG本身和CPU性能方面的声明性动画是否有最佳实践?由于不同的观看者和浏览器会产生不同的结果,我正在寻找一般的经验法则,我也希望可以将其转换为Web动画API。
答案 0 :(得分:0)
您可以在此处找到一些参考和信息
Deprecated SMIL SVG animation replaced with CSS or Web animations effects (hover, click)
在这里你可以看到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动画或网络动画