SVG动画

动画元素用于为SVG图形制作动画。动画元素最初是在同步多媒体集成语言(SMIL)中定义的。

在动画中，必须指定属性，运动，颜色，动画的开始时间和动画的持续时间的开始和结束值。

例

说明

width：元素中的XML属性。

from：它定义属性的起始值。

to：定义属性的结束值。

begin：定义动画的开始时间。

dur：定义动画的持续时间。

在单个对象上的多个动画：

在这种类型的动画中，我们在单个对象上执行多个动画。

例

说明

• 宽度和高度定义元素中的XML属性。
• from定义矩形的宽度和高度以20 x 20开头。
• 到定义了矩形将在空间增长到250由-200。
• 开始定义动画的时间。
• dur定义动画的持续时间。
• 因为fill-opacity是用样式设置的，所以它用attributeType =“ CSS”引用。
• 绿色的不透明度将在前三秒内增加，然后在接下来的三秒内降低。

多个对象上的简单动画：

您还可以对多个对象执行简单的动画处理。

例

说明

width：元素中的XML属性。

from：它定义属性的起始值。

to：定义属性的结束值。

begin：定义动画的开始时间。

dur：定义动画的持续时间。