微信分享分享图片通过html2canvas截取当前页面后调用app的方法跳转到微信界面，如何在要分享的图片通过canvas添加水印图片

要在要分享的图片通过canvas添加水印图片，你可以使用以下步骤：

1. 获取要添加水印的图片和水印图片，可以使用Image对象加载图片。

2. 将要添加水印的图片绘制到canvas上，使用canvas的drawImage方法。

3. 将水印图片绘制到canvas上，使用canvas的drawImage方法。

4. 设置水印图片的透明度，使用canvas的globalAlpha属性。

5. 设置水印图片的位置，使用canvas的translate方法。

6. 保存canvas的状态，使用canvas的save方法。

7. 绘制水印图片，使用canvas的drawImage方法。

8. 恢复canvas的状态，使用canvas的restore方法。

9. 将canvas转换为图片，使用canvas的toDataURL方法。

10. 将图片作为分享的图片，调用app的方法跳转到微信界面。

以下是添加水印图片的示例代码：

// 获取要添加水印的图片和水印图片
var img = new Image();
img.src = '要添加水印的图片的URL';
var watermark = new Image();
watermark.src = '水印图片的URL';

// 等待图片加载完成
Promise.all([loadImage(img), loadImage(watermark)]).then(function(images) {
  var canvas = document.createElement('canvas');
  canvas.width = img.width;
  canvas.height = img.height;

  // 将要添加水印的图片绘制到canvas上
  canvas.getContext('2d').drawImage(images[0], 0, 0);

  // 将水印图片绘制到canvas上
  var ctx = canvas.getContext('2d');
  ctx.globalAlpha = 0.5; // 设置水印图片的透明度
  ctx.translate(10, 10); // 设置水印图片的位置
  ctx.save(); // 保存canvas的状态
  ctx.drawImage(images[1], 0, 0); // 绘制水印图片
  ctx.restore(); // 恢复canvas的状态

  // 将canvas转换为图片
  var dataURL = canvas.toDataURL('image/png');

  // 调用app的方法跳转到微信界面
  app.shareImage(dataURL);
});

function loadImage(image) {
  return new Promise(function(resolve, reject) {
    image.onload = function() {
      resolve(image);
    };
    image.onerror = function() {
      reject(new Error('Failed to load image ' + image.src));
    };
  });
}