canvas clearRect
时间: 2023-08-03 09:45:11 浏览: 91
用HTML5 Canvas API中的clearRect()方法实现橡皮擦功能
`clearRect()` 方法是Canvas 2D API中用于清除指定矩形区域的方法。它可以通过指定矩形区域的坐标和宽度、高度,清除该区域内的任何内容。
`clearRect()` 方法有以下几个步骤:
1. 根据指定的坐标和宽度、高度,生成一个清除区域。
2. 将该区域内的任何内容清除。
以下是使用 `clearRect()` 方法清除一个矩形的代码示例:
```js
const canvas = document.getElementById('my-canvas');
const ctx = canvas.getContext('2d');
ctx.clearRect(10, 10, 100, 100); // 清除矩形内容
```
在上面的代码中,我们使用 `clearRect()` 方法清除了一个矩形,该矩形的左上角坐标为 (10, 10),宽度为 100,高度为 100。
需要注意的是,`clearRect()` 方法只能清除一个矩形区域内的任何内容。如果需要清除其他形状或多个矩形区域内的内容,需要分别进行处理。
阅读全文