SVG Animation 动画元素用于为SVG图形制造动画。动画元素开端是在同步多媒体集成言语（SMIL）中界说的。在动画中，有必要指定特点，运动，色彩，动画的开端时刻和动画的持续时刻的开端和完毕值。

  能够对SVG图画中的形状进行动画处理。有几种不同的动画SVG形状的办法。

  这些SVG动画元素中的每一个都设置或设置SVG形状的不同方面的动画。这些动画元素将在本文的其余部分中进行阐明。

  该set元素是SVG动画元素中最简略的元素。在经过特定时刻距离后，它仅仅将特点设置为特定值。因而，形状不会接连进行动画处理，而仅仅更改特点值一次。

  set元素在特定时刻设置特点的值。要设置的特点称号在attributeName特点中指定。将其设置为的值在to特点中指定。设置特点值的时刻在begin特点中指定。

  能够设置形状的CSS特点的动画。假如这样做，则需要将attributeType设置为CSS。假如不供给attributeType特点，则浏览器将测验猜想要制造动画的特点是XML特点仍是CSS特点。

  animate元素用于为SVG形状的特点设置动画。能够将animate元素嵌套在要使用的形状内。

  此示例将circle元素的cx特点从值30（“from”特点）设置为值479（“to”特点）的动画。动画从0秒开端（“begin”特点），持续时刻为5秒（“dur”特点）。

  动画完成后，动画特点将设置回其原始值（fill=“remove”特点设置）。假如期望动画特点坚持动画的“到”值(to-value)，请将“fill ”特点设定为“freeze”。动画无限期重复（“repeatCount”特点）。

  例中对嵌套transform其间的rect元素的特点进行动画处理。该type特点设置为rotate（旋转改换功用），表明动画改换将是旋转。在from和to特点设定的参数进行动画，并传递给rotate函数。本示例环绕点100,100从0度旋转到360度。

  from 和 to 特点包括一般作为参数传递给scale()转化函数的值。

  本文根据HTML根底，介绍了SVG中Animation元素。对每一种动画的作用进行详细解说。每一种动画中都选用静态图解析的方法来出现动态运用的作用。经过详细的事例剖析，能够让读者更好的了解。

  欢迎我们活跃测验，有时分看到他人完成起来很简略，可是到自己着手完成的时分，总会有各式各样的问题，切勿眼高手低，勤着手，才能够了解的愈加深入。