微信小程序图片加水印 ，代码案例

微信小程序添加图片水印通常是在`onLoad`生命周期函数或者用户操作触发事件中实现。以下是一个简单的JavaScript代码示例，展示了如何在获取到图片数据后动态添加水印：

Page({
  onLoad: function(options) {
    var that = this;
    wx.getImageInfo({
      src: options.src, // 图片URL
      success: function(res) {
        var imgData = res.data; // 获取图片原始数据

        // 创建一个canvas元素用于添加水印
        var canvas = wx.createCanvas({
          width: imgData.width,
          height: imgData.height
        });

        // 设置画布上下文
        var ctx = canvas.getContext('2d');

        // 添加文字作为水印
        ctx.font = '30px Arial'; // 字体大小和样式
        ctx.fillStyle = '#000'; // 颜色
        ctx.textAlign = 'center';
        ctx.fillText('Your Watermark', imgData.width / 2, imgData.height - 20); // 水印位置

        // 将绘制好的canvas转换为Base64的图片
        var base64Image = canvas.toDataURL();

        // 使用原图URL替换水印后的图片URL
        that.setData({
          src: base64Image.replace(/^data:image\/.*,/, 'data:image/jpeg;base64,')
        });
      }
    });
  },
})

在这个例子中，你需要将`Your Watermark`替换为你想要添加的实际水印文本。这个代码会在图片加载完成后，在图片右下角显示指定的文字水印。