<path>

<path> SVG 元素是定义形状的通用元素。所有基本形状都可以使用路径元素创建。

示例

html
<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <path
    d="M 10,30
           A 20,20 0,0,1 50,30
           A 20,20 0,0,1 90,30
           Q 90,60 50,90
           Q 10,60 10,30 z" />
</svg>

属性

d

此属性定义路径的形状。值类型：<string>；默认值：''；可动画：是

pathLength

此属性允许作者以用户单位指定路径的总长度。值类型：<number>；默认值：无；可动画：是

使用上下文

类别图形元素，形状元素
允许的内容任意数量的以下元素，以任意顺序
动画元素
描述性元素

规范

规范
可缩放矢量图形 (SVG) 2
# PathElement

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅