---
name: "CanvasContext.setFillStyle"
mode: "api"
versionRequirements:
  - { name: "基础库", version: "2.21.8" }
title: "setFillStyle - 设置填充色"
---

## CanvasContext.setFillStyle

> [VERSION] 基础库 >= 2.21.8

### 描述

设置填充色

### 参数

`Params`

| 参数 | 类型 | 必填 | 描述 |
| --- | --- | --- | --- |
| `color` | `string \| CanvasGradient` | 是 | 填充的颜色，支持 6 位十六进制、rgb、rgba、颜色关键字（如 red）或 CanvasGradient 对象 |

### 返回值

无


### 示例代码

#### 设置填充色

```ts
const ctx = ty.createCanvasContext('myCanvas');
ctx.setFillStyle('#ff0000');
ctx.fillRect(10, 10, 150, 75);
ctx.draw();
```