路径
path 属性有两种不同的含义：一种是定义文本路径，文本字符沿该路径渲染；另一种是定义运动路径，参考元素沿该路径进行动画。
你可以将此属性与以下 SVG 元素一起使用
示例
html
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<path
id="MyPath"
fill="none"
stroke="silver"
d="M10,90 Q90,90 90,45 Q90,10 50,10 Q10,10 10,40 Q10,70 45,70 Q70,70 75,50" />
<text>
<textPath
path="M10,90 Q90,90 90,45 Q90,10 50,10 Q10,10 10,40 Q10,70 45,70 Q70,70 75,50">
Quick brown fox jumps over the lazy dog.
</textPath>
</text>
</svg>
animateMotion
对于 <animateMotion>，path 定义了运动路径，其格式与 d 属性（用于 <path> 元素的几何属性）的解释方式相同。运动路径动画的效果是根据时间计算出的 x 和 y 值，在当前用户坐标系中沿 x 和 y 轴进行平移。
| 值 | <path-data> |
|---|---|
| 默认值 | None |
| 可动画的 | 否 |
<path-data>-
此值定义了参考元素沿其进行动画的运动路径。有关可使用的命令的详细信息，请参阅
d属性的说明。
textPath
对于 <textPath>，path 定义了 <text> 元素的 字形 将被渲染到的路径。空字符串表示该元素没有路径数据。这意味着 <textPath> 元素中的文本不会被渲染，也不会计入 <text> 元素的边界框。如果未指定此属性，则改用 href 中指定的路径。
| 值 | <path-data> |
|---|---|
| 默认值 | 在 href 中指定的路径 |
| 可动画的 | 是 |
<path-data>-
此值定义了
<text>元素的字形将沿其对齐的文本路径。有关可使用的命令的详细信息，请参阅d属性的说明。
规范
| 规范 |
|---|
| Scalable Vector Graphics (SVG) 2 # TextPathElementPathAttribute |
| SVG 动画级别 2 # AnimateMotionElementPathAttribute |