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();