---
name: "CanvasContext.arcTo"
mode: "api"
versionRequirements:
  - { name: "基础库", version: "2.21.8" }
title: "arcTo - 根据控制点和半径创建弧线路径"
---

## CanvasContext.arcTo

> [VERSION] 基础库 >= 2.21.8

### 描述

根据控制点和半径绘制圆弧路径

### 参数

`Params`

| 参数 | 类型 | 必填 | 描述 |
| --- | --- | --- | --- |
| `x1` | `number` | 是 | 第一个控制点的 x 坐标 |
| `y1` | `number` | 是 | 第一个控制点的 y 坐标 |
| `x2` | `number` | 是 | 第二个控制点的 x 坐标 |
| `y2` | `number` | 是 | 第二个控制点的 y 坐标 |
| `radius` | `number` | 是 | 圆弧的半径 |

### 返回值

无


### 示例代码

#### 绘制圆弧路径

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