<path>

Baseline 广泛可用 *

此特性已相当成熟，可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来，各浏览器均已提供此特性。

* 此特性的某些部分可能存在不同级别的支持。

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

使用语境

分类	图形元素、形状元素
允许内容	可包含任意数量、任意顺序的下列元素动画元素描述性元素

属性

d: 此属性定义路径的形状。值类型：<字符串>；默认值：''；可动画：是
路径长度: 此属性允许作者指定路径的总长度（以用户单位表示）。值类型：<数字>；默认值：无；可动画：是

DOM 接口

此元素实现了 SVGPathElement 接口。

示例

html,
body,
svg {
  height: 100%;
}

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>

规范

规范
Scalable Vector Graphics (SVG) 2 # PathElement

浏览器兼容性

另见

SVG 基本形状：<circle>、<ellipse>、<line>、<polygon>、<polyline>、<rect>
MDN SVG“入门”教程：Path

帮助改进 MDN

了解如何贡献

此页面最后修改于 ⁨2025年6月6日⁩，由 MDN 贡献者修改。

在 GitHub 上查看此页面 • 报告此内容的问题