使用watermark -plus插件在html2canvans分享时才生成水印在图片上

好的，你的问题是如何在使用html2canvas分享时，使用watermark-plus插件生成水印在图片上。可以按照以下步骤实现：

1. 在html中引入html2canvas和watermark-plus插件：

<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<script src="https://cdn.bootcss.com/watermarkjs/1.0.8/watermark.min.js"></script>

2. 使用html2canvas将需要分享的DOM节点转换成canvas：

html2canvas(document.getElementById('shareContent'), {
  useCORS: true,
  onrendered: function(canvas) {
    // 在此处添加生成水印的代码
  }
});

3. 在onrendered回调函数中，使用watermark.plus插件生成水印并添加到canvas中：

html2canvas(document.getElementById('shareContent'), {
  useCORS: true,
  onrendered: function(canvas) {
    // 生成水印
    var watermark = watermarkjs([canvas])
      .image(watermarkImageSrc)
      .then(function(watermarkedCanvas) {
        // 将生成的水印canvas添加到原始canvas中
        canvas.getContext('2d').drawImage(watermarkedCanvas, 0, 0);
        // 在此处将canvas转换成图片并进行分享
      });
  }
});

其中，`watermarkImageSrc`是水印图片的路径。最后，可以将canvas转换成图片并进行分享。