微信分享时，通过html2canvas截图如何通过html2canvas加图片实现水印

要在通过html2canvas截图后，加入水印图片，可以先将水印图片加入到html页面中，然后再使用html2canvas对整个页面进行截图，最后在截图后的canvas上画入水印图片。

以下是示例代码：

// 加载水印图片
var watermarkImg = new Image();
watermarkImg.src = 'watermark.png';

// 等待水印图片加载完成
watermarkImg.onload = function () {
  // 使用html2canvas截图
  html2canvas(document.body).then(function(canvas) {
    // 获取canvas的上下文
    var ctx = canvas.getContext('2d');

    // 在canvas上绘制水印图片
    ctx.drawImage(watermarkImg, 10, 10);

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

    // 创建一个下载链接，用于下载截图后的图片
    var link = document.createElement('a');
    link.download = 'screenshot.png';
    link.href = imgData;
    link.click();
  });
};

在上面的代码中，我们首先使用`new Image()`创建一个水印图片对象，并将其加载到页面中。然后在水印图片加载完成后，使用html2canvas对整个页面进行截图，得到一个canvas对象。接下来，使用canvas的`getContext('2d')`方法获取canvas的上下文，并在上面绘制水印图片。最后，将canvas转换为png格式的图片，并创建一个下载链接，用于下载截图后的图片。