svg动画 animate

最近使用到svg的动画animate，简单总结下animate的主要属性：

1.定义：SVG 的animate

动画元素放在形状元素的内部，用来定义一个元素的某个属性如何踩着时点改变。在指定持续时间里，属性从开始值变成结束值。

2.SVG animate参数详解

2.1 attributeName = <attributeName>

要变化的元素属性名称

a. 可以是元素直接暴露的属性，例如，对应的text元素上的x, y或者font-size;

b. 可以是CSS属性。例如，透明度opacity.

2.2 attributeType = “CSS | XML | auto”
attributeType支持三个固定参数，CSS/XML/auto. 用来表明attributeName属性值的列表。

x, y以及transform就属于XML, opacity就属于CSS. auto为默认值，

自动判别的意思（实际上是先当成CSS处理，如果发现不认识，直接XML类别处理）。因此，如果你不确信某属性是XML类别还是CSS类别的时候，我的建议是不设置attributeType值，直接让浏览器自己去判断，几乎无差错。

那么问题来了？“既然浏览器酱可以自己判断属性类别，那这个属性还有什么意义吗？”我觉着可能是某些属性，XML能其作用，CSS也能其作