微信小程序Canvas添加水印字体，通过setGlobalAlpha设置字体透明度。

微信小程序自带的设置透明度只有setGlobalAlpha，但是CanvasContext.setGlobalAlpha设置透明度，是全局透明，整张图片都透明了。所以直接使用是不行的。

换种思路实现：就是把需要加水印的图片弄成拷贝成两张（大小尺寸一样），然后一张图片加水印字体并通过CanvasContext.setGlobalAlpha设置字体透明度，然后把两张图片合并就能实现照片不透明，字体透明。

微信扫一下小程序码可以查看实现的效果：

 

主要js代码逻辑：

 var ctx= wx.createCanvasContext(‘canvanid’);
 var tempFilePaths =that.data.res.tempFilePaths;
 //获取图片基本信息
 wx.getImageInfo({
  src:tempFilePaths[0],
  success: function (res) {
  var width = res.width;
  var height = res.height;
        ctx.drawImage(res.path,0,0,width,height);
        ctx.beginPath();
        ctx.setFontSize('15');
        ctx.setFillStyle('red');
        ctx.setGlobalAlpha('0.6');
        ctx.fillText('加水印字体', 100,100);
         wx.getImageInfo({
            src:tempFilePaths[0],
            success: function (res1) {
             ctx.drawImage(res1.path,0,0,width,height);
             ctx.draw();
        }})
       
  }
})