path

起步 本教程将教你开始使用 SVG 路径。

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

用法

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

示例

<svg width="100%" height="100%" viewBox="0 0 400 400"
     xmlns="http://www.w3.org/2000/svg">

  <path d="M 100 100 L 300 100 L 200 300 z"
        fill="orange" stroke="black" stroke-width="3" />
</svg>

输出结果:

属性

全局属性

专有属性

DOM 接口

该元素实现了SVGPathElement (en-US)接口。

浏览器兼容性

BCD tables only load in the browser

参见