performance - SVG SMIL 或 RequestAnimationFrame 动画

Question

我有 2 个动画 SVG 形状变换属性的选项。第一个是通过 SMIL。缺点是浏览器支持较少。第二个是通过 JavaScript，我获得了更好的浏览器支持，但增加了复杂性。

是否有任何绩效报告或研究来支持其中一项？SMIL 动画是针对不同的 UI 威胁完成的吗？

谢谢

Answer 1

Sarah Drasner 在 CSS Tricks: Weighing SVG Animation Techniques (with Benchmarks)上写了一篇精彩的客座文章。绝对值得一看。