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接口。

浏览器兼容性

Feature Chrome Firefox (Gecko) IE Opera Safari
Basic support 1.0 1.5 (1.8) 9.0 8.0 3.0.4
Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
Basic support 3.0 1.0 (1.8) 未实现 (Yes) 3.0.4

该表格基于这些资源

参见

文档标签和贡献者

标签: 
 此页面的贡献者: Sebastianz, fanxiaojie, cuixiping
 最后编辑者: Sebastianz,