canvas清空画布
时间: 2023-10-16 09:07:56 浏览: 108
清除canvas画布内容(点擦除+线擦除)
要清空 Canvas 画布,可以使用 `clearRect()` 方法。该方法接受四个参数,分别是清空区域的左上角坐标和宽高。
下面是一个简单的示例代码,演示如何清空 Canvas 画布:
```javascript
// 获取 Canvas 元素
const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');
// 清空整个画布
ctx.clearRect(0, 0, canvas.width, canvas.height);
```
在这个示例中,我们首先获取了 ID 为 "myCanvas" 的 Canvas 元素,并通过 `getContext('2d')` 方法获取到画布的 2D 上下文。然后,我们使用 `clearRect()` 方法清空了整个画布的区域。
你可以根据自己的需求调整清空区域的位置和大小,以达到清空画布的目的。
阅读全文