在微信小程序的 Canvas 绘图中,setGlobalAlpha 方法用于设置绘制透明度。透明度的值范围是 0(完全透明)到 1(完全不透明)。

以下是一个简单的示例,演示如何使用 setGlobalAlpha 方法来设置全局透明度:
Page({
  onReady: function () {
    const ctx = wx.createCanvasContext('myCanvas');

    // 设置全局透明度为 0.5(半透明)
    ctx.setGlobalAlpha(0.5);

    // 绘制一个半透明的矩形
    ctx.setFillStyle('red');
    ctx.fillRect(20, 20, 150, 100);

    // 重置全局透明度为 1(完全不透明)
    ctx.setGlobalAlpha(1);

    // 绘制一个不透明的矩形
    ctx.setFillStyle('blue');
    ctx.fillRect(200, 20, 150, 100);

    // 绘制到 canvas 上
    ctx.draw();
  }
});

在这个示例中,我们首先使用 setGlobalAlpha 将全局透明度设置为 0.5,然后绘制了一个半透明的红色矩形。接着,通过再次调用 setGlobalAlpha 将全局透明度重置为 1,然后绘制了一个不透明的蓝色矩形。

你可以根据需要在绘制不同元素之前使用 setGlobalAlpha 来设置不同的透明度。这样,你就可以创建具有不同透明度效果的图形。


转载请注明出处:http://www.zyzy.cn/article/detail/1006/微信小程序