给我一个微信小程序图片加水印的例子

当然可以！下面是一个简单的微信小程序代码示例，用于给图片添加水印：

// 在页面的JS文件中引入以下代码

Page({
  watermarkImage: function () {
    // 选择图片
    wx.chooseImage({
      count: 1,
      success: (res) => {
        // 获取选中的图片路径
        const imagePath = res.tempFilePaths[0];

        // 创建画布
        const ctx = wx.createCanvasContext('canvas');

        // 绘制图片
        ctx.drawImage(imagePath, 0, 0, 300, 300);

        // 绘制水印文本
        ctx.setFontSize(16);
        ctx.setFillStyle('rgba(255, 255, 255, 0.8)');
        ctx.fillText('CSDN开发', 10, 290);

        // 绘制水印图片
        ctx.drawImage('/images/logo.png', 250, 250, 50, 50);

        // 导出图片
        ctx.draw(false, () => {
          wx.canvasToTempFilePath({
            canvasId: 'canvas',
            success: (res) => {
              const tempImagePath = res.tempFilePath;
              // 在控制台输出临时图片路径
              console.log(tempImagePath);
              // 可以将图片路径返回给前端进行展示
            },
            fail: (err) => {
              console.error(err);
            }
          });
        });
      }
    });
  }
})

在上述代码中，我们首先使用 `wx.chooseImage` 方法选择一张图片。然后，我们创建一个画布并使用 `ctx.drawImage` 方法绘制选中的图片。接下来，我们使用 `ctx.fillText` 方法绘制水印文本，并使用 `ctx.drawImage` 方法绘制水印图片。最后，我们使用 `ctx.draw` 方法将画布导出为临时图片，并使用 `wx.canvasToTempFilePath` 方法获取临时图片路径。

注意：在代码中需要替换 `'CSDN开发'` 为你想要的水印文本，`'/images/logo.png'` 为你的水印图片路径。

希望这个例子对你有所帮助！如果有任何问题，请随时提问。