10. Path2D 对象

作用：

用来缓存或记录绘画命令

语法：

Path2D()会返回一个新初始化的Path2D对象
可能将某一个路径作为变量

const canvas = document.getElementById('canvas');
const ctx = canvas.getContext('2d');
const rectangle = new Path2D();
rectangle.rect(10, 10, 50, 50);
const circle = new Path2D();
circle.moveTo(125, 35);
circle.arc(100, 35, 25, 0, 2 * Math.PI);
ctx.stroke(rectangle);
ctx.fill(circle);

创建一个它的副本

new Path2D(path); // 克隆Path对象

将一个包含SVG path数据的字符串作为变量

var p = new Path2D("M10 10 h 80 v 80 h -80 Z");