以下是一个简单的示例,演示如何使用 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/微信小程序