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