此页面由社区从英文翻译而来。了解更多并加入 MDN Web Docs 社区。
path
Baseline
Widely available
*
This feature is well established and works across many devices and browser versions. It’s been available across browsers since 2015年7月.
* Some parts of this feature may have varying levels of support.
起步 本教程将教你开始使用 SVG 路径。
path 元素是用来定义形状的通用元素。所有的基本形状都可以用 path 元素来创建。
使用上下文
示例
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>
输出结果:
[フレーム]
属性
全局属性
专有属性
DOM 接口
该元素实现了 SVGPathElement 接口。
浏览器兼容性
Loading...