CanvasContext.setGlobalAlpha

解释:设置全局画笔透明度。

方法参数

Number alpha: 透明度取值范围: 0~1 ,0 表示完全透明,1 表示完全不透明。

示例

扫码体验

CanvasContext.setGlobalAlpha - 图1请使用百度APP扫码

图片示例

CanvasContext.setGlobalAlpha - 图2

CanvasContext.setGlobalAlpha - 图3

CanvasContext.setGlobalAlpha - 图4

代码示例1 :

在开发者工具中预览效果

  1. const canvasContext = swan.createCanvasContext('myCanvas');
  2. canvasContext.setFillStyle('red');
  3. canvasContext.fillRect(10, 10, 150, 100);
  4. canvasContext.setGlobalAlpha(0.2);
  5. canvasContext.setFillStyle('blue');
  6. canvasContext.fillRect(50, 50, 150, 100);
  7. canvasContext.setFillStyle('yellow');
  8. canvasContext.fillRect(100, 100, 150, 100);
  9. canvasContext.draw();

代码示例2 - 同时设置多个透明度,透明度高的图形显示会高于透明度低的图形 :

在开发者工具中预览效果

  1. Page({
  2. onReady: function () {
  3. const canvasContext = swan.createCanvasContext('myCanvas');
  4. canvasContext.setGlobalAlpha(0.2);
  5. canvasContext.setFillStyle('red');
  6. canvasContext.fillRect(10, 10, 150, 100);
  7. canvasContext.setGlobalAlpha(1);
  8. canvasContext.setFillStyle('blue');
  9. canvasContext.fillRect(50, 50, 150, 100);
  10. canvasContext.setFillStyle('yellow');
  11. canvasContext.fillRect(100, 100, 150, 100);
  12. canvasContext.draw();
  13. }
  14. });