---
name: "CanvasContext.rect"
mode: "api"
versionRequirements:
  - { name: "基础库", version: "2.21.8" }
title: "rect - 创建一个矩形路径"
---

## CanvasContext.rect

> [VERSION] 基础库 >= 2.21.8

### 描述

创建一个矩形路径

### 参数

`Params`

| 参数 | 类型 | 必填 | 描述 |
| --- | --- | --- | --- |
| `x` | `number` | 是 | 矩形路径左上角的横坐标 |
| `y` | `number` | 是 | 矩形路径左上角的纵坐标 |
| `width` | `number` | 是 | 矩形路径的宽度 |
| `height` | `number` | 是 | 矩形路径的高度 |

### 返回值

无


### 示例代码

#### 创建矩形路径

```ts
const ctx = ty.createCanvasContext('myCanvas');
ctx.beginPath();
ctx.rect(10, 10, 150, 100);
ctx.stroke();
ctx.draw();
```