svg动画例子及解释

源代码:

from="0" to="180" dur="5s" repeatCount="indefinite"/>

讲解:
　　用于圆周运动的中心点调整.绘制一个矩形,然后利用标签完成圆周运动.其中的attributeName用于决定运动的属性,type决定运动的类型,from,to决定运动的起始角度(这里根据不同的运动类型,数值有不同的含义).dur用于决定运动的持续时间,repeatCount决定循环次数.

源代码:

repeatCount="indefinite"/>

讲解:
　　因为是沿着路径运动,所以需要motion,使用标签.path定义了路径.起点(10,50),终点(90,90).

源代码:

repeatCount="indefinite"/>

讲解:
　　因为是沿着路径运动,所以需要motion,使用标签.path定义了路径.起点(10,50),终点(90,90).