小程序 canvas画透明背景

小程序 Canvas 用于绘制图形，如果想要设置透明背景，你需要明确指定背景颜色为半透明或者透明色。在 JavaScript 中，可以使用 `globalAlpha` 属性来控制画布上像素的透明度，它是一个介于0（完全透明）到1（完全不透明）之间的值。

下面是一个简单的示例，创建一个透明背景的 Canvas：

Page({
  data: {
    ctx: null,
    alpha: 0.5, // 设置透明度，默认为0.5，即50%透明
  },
  onLoad: function() {
    this.setData({
      ctx: wx.createContext(),
    });
    this.ctx.setFillStyle('rgba(255, 255, 255, ' + this.data.alpha + ')'); // 使用 rgba 颜色模式，最后一个参数就是透明度
  },
  drawTransparentBackground: function() {
    this.ctx.clearRect(0, 0, this.pageWidth, this.pageHeight); // 清除画布
    this.ctx.fillRect(0, 0, this.pageWidth, this.pageHeight); // 绘制全页透明背景
  },
})

在这个例子中，`drawTransparentBackground` 函数会清除整个画布并填充一个透明背景。你可以根据需要调整 `alpha` 的值来改变透明度。