CanvasContext.setShadow
- 方法参数
- 示例

CanvasContext.setShadow

使用顺序：setShadow(offsetX, offsetY, blur, color)

解释：设置阴影样式。

方法参数

参数名	属性	必填	说明
`offsetX`	Number	是	阴影相对于形状在水平方向的偏移。
`offsetY`	Number	是	阴影相对于形状在竖直方向的偏移。
`blur`	Number	是	阴影的模糊级别，数值越大越模糊，范围：0 ~ 100。
`color`	Color	是	阴影的颜色。

示例

扫码体验

请使用百度APP扫码

图片示例

代码示例1

在开发者工具中预览效果

const canvasContext = swan.createCanvasContext('myCanvas');
canvasContext.setFillStyle('blue');
canvasContext.setShadow(10, 50, 50, 'red');
canvasContext.fillRect(30, 30, 150, 75);
canvasContext.draw();

代码示例2 - 立体数值

在开发者工具中预览效果

const canvasContext = swan.createCanvasContext('myCanvas');
canvasContext.setFillStyle('blue');
canvasContext.setShadow(15, 15, 15, '#999');
canvasContext.fillRect(30, 30, 150, 75);
canvasContext.draw();