canvas绘制结束
时间: 2023-08-03 14:20:19 浏览: 126
在 Canvas 中,绘制完成后,你可以使用 ctx.stroke()
或 ctx.fill()
方法来绘制图形的轮廓或填充颜色。如果你想清空 Canvas 上的内容,可以使用 ctx.clearRect()
方法来清除画布。
以下是一个示例代码:
// 绘制一个矩形
ctx.fillStyle = "red";
ctx.fillRect(10, 10, 50, 50);
// 绘制一个圆形
ctx.beginPath();
ctx.arc(100, 100, 50, 0, 2*Math.PI);
ctx.fillStyle = "blue";
ctx.fill();
// 绘制一个三角形
ctx.beginPath();
ctx.moveTo(200, 10);
ctx.lineTo(250, 50);
ctx.lineTo(150, 50);
ctx.closePath();
ctx.strokeStyle = "green";
ctx.stroke();
// 清空画布
ctx.clearRect(0, 0, canvas.width, canvas.height);
在上面的代码中,我们首先使用 fillRect()
方法绘制了一个红色的矩形,然后使用 beginPath()
方法开始绘制圆形和三角形。接下来,我们使用 fill()
方法填充了圆形的蓝色颜色,使用 stroke()
方法绘制了三角形的轮廓。最后,我们使用 clearRect()
方法清空了画布上的所有内容。
希望这能帮到你!