CanvasContext.setShadow

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

解释:设置阴影样式。

# 方法参数

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

# 示例

扫码体验
重新加载
请使用百度APP扫码

# 图片示例

# 代码示例

    <canvas canvas-id="myCanvas" class="myCanvas" />
    
    Page({
        onLoad() {
            const canvasContext = swan.createCanvasContext('myCanvas');
            canvasContext.setFillStyle('blue');
            canvasContext.setShadow(15, 15, 15, 'red');
            // 也可以写为canvasContext.setShadow(15, 15, 15, '#999');
            canvasContext.fillRect(30, 30, 150, 75);
            canvasContext.draw();
        }
    });