SVG动画浏览器支持

Question

3

我想深入了解网站中SVG动画的精彩世界。

我希望制作一个鼠标悬停时能够动画的图标。我找到了多个教程，可以帮助我，但是我发现有很多不同的方法来实现SVG动画。

对于如何最好地动画SVG，我几乎找不到信息。是使用JS库？还是Animate标签？CSS动画？

对我而言，JS库似乎是最好的选择，但我也喜欢使用CSS。有人能告诉我这些方法的浏览器支持情况吗？

- Kelly

在MDN网站上有兼容性表。 - pol

我认为这取决于动画的复杂程度。如果它很基本，就没有必要使用大型SVG库，只需使用CSS即可。如果它相当复杂，则可以查看Snap、svg.js等库之一。如今我不会再费心使用animate标签了，因为通常会出现某些问题，浪费时间。 - Ian

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Vivekraj K R · Answer 1

有许多插件可用于动画svg。以下是少数示例

您可以在此处检查跨浏览器兼容性。