CanvasContext.setGlobalAlpha
解释:设置全局画笔透明度。
方法参数
Number alpha: 透明度取值范围: 0~1 ,0 表示完全透明,1 表示完全不透明。
示例
扫码体验
请使用百度APP扫码
图片示例
代码示例1 :
const canvasContext = swan.createCanvasContext('myCanvas');
canvasContext.setFillStyle('red');
canvasContext.fillRect(10, 10, 150, 100);
canvasContext.setGlobalAlpha(0.2);
canvasContext.setFillStyle('blue');
canvasContext.fillRect(50, 50, 150, 100);
canvasContext.setFillStyle('yellow');
canvasContext.fillRect(100, 100, 150, 100);
canvasContext.draw();
代码示例2 - 同时设置多个透明度,透明度高的图形显示会高于透明度低的图形 :
Page({
onReady: function () {
const canvasContext = swan.createCanvasContext('myCanvas');
canvasContext.setGlobalAlpha(0.2);
canvasContext.setFillStyle('red');
canvasContext.fillRect(10, 10, 150, 100);
canvasContext.setGlobalAlpha(1);
canvasContext.setFillStyle('blue');
canvasContext.fillRect(50, 50, 150, 100);
canvasContext.setFillStyle('yellow');
canvasContext.fillRect(100, 100, 150, 100);
canvasContext.draw();
}
});