canvas 清除filltext
时间: 2023-10-26 22:20:32 浏览: 44
如果你想清除 `fillText` 在 Canvas 上绘制的文本,你可以使用 `clearRect()` 方法清除整个 Canvas 或者使用 `fillRect()` 或 `strokeRect()` 方法在文本的位置上绘制一个矩形来覆盖原有的文本。以下是两种方法的示例代码:
1. 使用 `clearRect()` 方法清除整个 Canvas:
```javascript
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
// 绘制文本
ctx.font = "30px Arial";
ctx.fillText("Hello World!", 10, 50);
// 清除整个 Canvas
ctx.clearRect(0, 0, canvas.width, canvas.height);
```
2. 在文本的位置上绘制一个矩形来覆盖原有的文本:
```javascript
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
// 绘制文本
ctx.font = "30px Arial";
ctx.fillText("Hello World!", 10, 50);
// 在文本的位置上绘制一个矩形来覆盖原有的文本
var textWidth = ctx.measureText("Hello World!").width;
ctx.fillRect(10, 50, textWidth, 30);
```
这两种方法都可以清除 Canvas 上的文本,具体使用哪种方法取决于你的具体需求。