html2canvas页面生成图片并平铺水印

您可以使用html2canvas生成页面截图，然后使用canvas API在截图上添加水印，并将其平铺。以下是一个示例代码：

html2canvas(document.body).then(function(canvas) {
  var ctx = canvas.getContext('2d');
  var img = new Image();
  img.onload = function() {
    // 添加水印
    var pattern = ctx.createPattern(img, 'repeat');
    ctx.fillStyle = pattern;
    ctx.fillRect(0, 0, canvas.width, canvas.height);
    
    // 将canvas转换为图片
    var image = canvas.toDataURL('image/png');
    
    // 在页面显示图片
    var imgElement = document.createElement('img');
    imgElement.src = image;
    document.body.appendChild(imgElement);
  };
  img.src = 'path/to/watermark/image.png';
});

这段代码使用html2canvas生成页面截图，然后使用canvas API在截图上添加平铺水印，并将其转换为图片，最后在页面上显示。请注意，您需要将`path/to/watermark/image.png`替换为实际水印图像的路径。