CanvasContext.setShadow
2020-08-26 16:40 更新
使用顺序:setShadow(offsetX, offsetY, blur, color)。
解释:设置阴影样式。
方法参数
参数名 | 属性 | 必填 | 默认值 | 说明 |
---|---|---|---|---|
offsetX | Number | 是 | 阴影相对于形状在水平方向的偏移 | |
offsetY | Number | 是 | 阴影相对于形状在竖直方向的偏移 | |
blur | Number | 是 | 阴影的模糊级别,数值越大越模糊,范围:0 ~ 100 。 | |
color | Color | 是 | 阴影的颜色 |
示例
图片示例
代码示例
<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();
}
});
以上内容是否对您有帮助:
更多建议: