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