关于如何制作svg动画。

今日发现有同事做一个动画，是把svg放在div里面，然后给div加动画，来做一个loading的效果。 然后这样的话，在重复使用上，应用起来会很麻烦，所以研究了一下在svg里面加动画效果。

1.animateTransform

这个属性是可以用来设置svg动画的。 里面有一个form 和 to 属性。 第一个参数是代表转动的幅度。 第二个和第三个参数是用来代表转动的中心点位置。

如果我们要给上面的这个svg 加一个转动的动画。我们可以在第二个path里面加一个animateTransform，让它围绕着这张图的中心点来做360度的旋转。

加上这个代码就可以让这个spinner转动起来。