SVG<animateMotion>元素

SVG 代表可缩放矢量图形。它可以用来制作图形和动画，就像在 HTML 画布中一样。

SVG 元素让我们定义元素如何沿运动路径移动。

句法：

属性：

• keyPoints：该属性表示在[0, 1]范围内，每个keyTimes关联值的对象沿路径的距离。
• path：该属性定义了运动的路径。
• 旋转：此属性定义了应用于沿路径动画的元素的旋转，通常使其指向动画的方向。
• Animation Attributes：用于赋予动画效果的属性、exp计时属性、事件属性、值属性等。
• 全局属性：使用的一些全局属性，如核心属性和样式属性等。

例子：

输出：

支持的浏览器：此 SVG 元素支持以下浏览器：

• 铬合金
• 边缘
• 火狐
• 苹果浏览器
• 歌剧