---
name: "CanvasContext.bezierCurveTo"
mode: "api"
versionRequirements:
  - { name: "基础库", version: "2.21.8" }
title: "bezierCurveTo - 创建三次方贝塞尔曲线路径"
---

## CanvasContext.bezierCurveTo

> [VERSION] 基础库 >= 2.21.8

### 描述

创建三次方贝塞尔曲线路径

### 参数

`Params`

| 参数 | 类型 | 必填 | 描述 |
| --- | --- | --- | --- |
| `cp1x` | `number` | 是 | 第一个贝塞尔控制点的 x 坐标 |
| `cp1y` | `number` | 是 | 第一个贝塞尔控制点的 y 坐标 |
| `cp2x` | `number` | 是 | 第二个贝塞尔控制点的 x 坐标 |
| `cp2y` | `number` | 是 | 第二个贝塞尔控制点的 y 坐标 |
| `x` | `number` | 是 | 结束点的 x 坐标 |
| `y` | `number` | 是 | 结束点的 y 坐标 |

### 返回值

无


### 示例代码

#### 绘制三次贝塞尔曲线

```ts
const ctx = ty.createCanvasContext('myCanvas');
ctx.beginPath();
ctx.moveTo(20, 20);
ctx.bezierCurveTo(20, 100, 200, 100, 200, 20);
ctx.stroke();
ctx.draw();
```