一、动画
-
1.SVG动画
在SVG中提供了三种常用动画标记
animate:基础动画
animateTransform:形变动画
animateMotion:路径动画 -
2.SVG动画属性
attributeType: CSS/XML 规定的属性值的名称空间
attributeName: 规定元素的哪个属性会产生动画效果
from/to: 从哪到哪
dur: 动画时长
fill: 动画结束之后的状态 保持freeze结束状态/remove恢复初始状态(默认值) -
3.SVG动画使用方式
3.1、创建动画, 告诉动画标记哪个元素需要执行动画(xlink:href="id名字")<svg width="500" height="500"> <circle id="myCircle" cx="200" cy="200" r="50" fill="red"></circle> <animate attributeName="r" from="50" to="200