---
name: "CanvasContext.arc"
mode: "api"
versionRequirements:
  - { name: "基础库", version: "2.21.8" }
title: "arc - 创建一条弧线"
---

## CanvasContext.arc

> [VERSION] 基础库 >= 2.21.8

### 描述

创建一条弧线

### 参数

`Params`

| 参数 | 类型 | 必填 | 描述 |
| --- | --- | --- | --- |
| `x` | `number` | 是 | 圆心的 x 坐标 |
| `y` | `number` | 是 | 圆心的 y 坐标 |
| `r` | `number` | 是 | 圆的半径 |
| `sAngle` | `number` | 是 | 起始弧度，单位弧度（在 3 点钟方向） |
| `eAngle` | `number` | 是 | 终止弧度 |
| `counterclockwise` | `boolean` | 否 | 是否逆时针 |

### 返回值

无


### 示例代码

#### 绘制圆形

```ts
const ctx = ty.createCanvasContext('myCanvas');
ctx.beginPath();
ctx.arc(100, 75, 50, 0, 2 * Math.PI);
ctx.setFillStyle('#ff0000');
ctx.fill();
ctx.draw();
```