beginpath()的用法

beginPath() 是 HTML5 Canvas API 中的一个方法，用于创建一个新的路径。路径是一个由直线或曲线段组成的形状，可以用来绘制图形或进行裁剪。

使用 beginPath() 方法时，当前路径会被清除，然后可以使用 moveTo()、lineTo()、arc() 等方法来定义路径的形状。最后使用 stroke()、fill() 等方法来渲染路径。

以下是一个简单的例子，演示了如何使用 beginPath() 方法创建一个简单的矩形：

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.rect(20, 20, 150, 100);
ctx.stroke();

在这个例子中，我们首先使用 beginPath() 方法开始一个新的路径，然后使用 rect() 方法定义一个矩形的形状，最后使用 stroke() 方法渲染路径。