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

## CanvasContext.quadraticCurveTo

> [VERSION] 基础库 >= 2.21.8

### 描述

创建二次贝塞尔曲线路径

### 参数

`Params`

| 参数 | 类型 | 必填 | 描述 |
| --- | --- | --- | --- |
| `cpx` | `number` | 是 | 贝塞尔控制点的 x 坐标 |
| `cpy` | `number` | 是 | 贝塞尔控制点的 y 坐标 |
| `x` | `number` | 是 | 结束点的 x 坐标 |
| `y` | `number` | 是 | 结束点的 y 坐标 |

### 返回值

无


### 示例代码

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

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