语法
js
new Path2D()
new Path2D(path)
new Path2D(d)
参数
示例
创建和拷贝路径
这是一段简单的代码片段，创建和拷贝 Path2D 路径。
js
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let path1 = new Path2D();
path1.rect(10, 10, 100, 100);
let path2 = new Path2D(path1);
path2.moveTo(220, 60);
path2.arc(170, 60, 50, 0, 2 * Math.PI);
ctx.stroke(path2);
使用 SVG 路径
这是一段简单的代码片段，使用 SVG path data 创建一个 Path2D 路径。路径将会移动到点 (M10 10) ，然后向右侧水平移动 80 个点 (h 80)，然后向下 80 个点 (v 80)，然后向左 80 个点 (h -80)，最后回到起始点 (z)。
js
const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");
let p = new Path2D("M10 10 h 80 v 80 h -80 Z");
ctx.fill(p);
规范
| 规范 |
|---|
| HTML # dom-path2d-dev |
浏览器兼容性
参见
Path2D, 这个构造函数属于此接口。