如何针对CPU负载优化SVG动画?

时间:2015-07-06 15:41:31

标签: svg smil web-animations

我正在使用SVG / SMIL开发解释线动画,并在观看Firefox中的动画时遇到高CPU负载。 SVG本身和CPU性能方面的声明性动画是否有最佳实践?由于不同的观看者和浏览器会产生不同的结果,我正在寻找一般的经验法则,我也希望可以将其转换为Web动画API。

1 个答案:

答案 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动画或网络动画