---
name: "CanvasContext.setShadow"
mode: "api"
versionRequirements:
  - { name: "基础库", version: "2.21.8" }
title: "setShadow - 设置阴影样式"
---

## CanvasContext.setShadow

> [VERSION] 基础库 >= 2.21.8

### 描述

设定阴影样式

### 参数

`Params`

| 参数 | 类型 | 必填 | 描述 |
| --- | --- | --- | --- |
| `offsetX` | `number` | 是 | 阴影相对于形状在水平方向的偏移，单位 px |
| `offsetY` | `number` | 是 | 阴影相对于形状在竖直方向的偏移，单位 px |
| `blur` | `number` | 是 | 阴影的模糊级别 |
| `color` | `string` | 是 | 阴影的颜色 |

### 返回值

无


### 示例代码

#### 设置阴影

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