客户端 API/工作台小组件/工作台小组件 API/画布（灰度租户可见）/CanvasContext/CanvasContext.clearRect
# CanvasContext.clearRect

## CanvasContext.clearRect(number x, number y, number width, number height)

将一个以 (x, y) 为左上角端点，width、height 为宽度和高度的矩形区域像素设置为透明。

## 参数说明

|**属性**|**类型**|**默认值**|**必填**|**说明**|**最低版本**
|:-|:-|:-|:-|:-|:-|
|x|number|-|是|矩形左上角横坐标|1.6.0
|y|number|-|是|矩形左上角纵坐标|1.6.0
|width|number|-|是|矩形的宽度|1.6.0
|height|number|-|是|矩形的高度|1.6.0

## 返回值

无

## 示例

### 示例代码

```javascript
const ctx = tt.createCanvasContext("canvas");

ctx.setFillStyle("red");
ctx.fillRect(0, 0, 150, 200);
ctx.setFillStyle("blue");
ctx.fillRect(150, 0, 150, 200);
ctx.clearRect(10, 10, 150, 75);

ctx.draw();
```

### 示例效果

## Tip
无