SVG 代表可缩放矢量图形。它定义了基于矢量的图形和动画,就像在 HTML Canvas 中一样。
animateTransform 元素为其目标元素上的转换属性设置动画,从而允许动画控制平移、缩放、旋转和/或倾斜。
句法:
属性:
- from:动画期间将被修改的属性的初始值。
- to:将在动画期间修改的属性的最终值。
- type:它定义了转换的类型,其值随时间变化。
- dur:动画的持续时间。
- repeatCount:动画发生的次数。
- repeatDur:重复动画的总持续时间。
- attributeName:将被动画化的 CSS 属性的名称。
例子:
HTML
支持的浏览器:
- 铬合金
- 边缘
- 火狐
- 苹果浏览器
- 歌剧