此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。

View in English Always switch to English

<path>

基线
广泛可用
*

自 2015年7月 起,此特性已在主流浏览器中得到支持,可在大多数设备和浏览器版本中正常使用。

* 此特性的某些部分的支持程度可能有所不同。

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

使用上下文

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

属性

d

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

pathLength

此属性用于指定路径的总长度,单位为用户单位。值类型:<number>;默认值:无;动画性:是

DOM 接口

该元素实现了 SVGPathElement 接口。

示例

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

浏览器兼容性

参见