html2canvans截图的页面如何添加图片水印能够平铺到页面上并且旋转45度再通过原生的方法调出分享到微信

要在html2canvas截图的页面上添加图片水印，可以通过CSS样式将该图片设置为背景图，并使用background-repeat和background-size属性进行平铺和缩放。通过transform属性可以将背景图旋转45度。

添加水印的代码示例如下：

body {
  background-image: url('watermark.png');
  background-repeat: repeat;
  background-size: 200px 200px;
  transform: rotate(45deg);
}

接下来，可以使用原生JS调用微信分享功能。首先要引入微信JS-SDK，然后通过wx.config()和wx.ready()方法进行初始化和准备分享参数。最后，在点击分享按钮时，调用wx.shareTimeline()或wx.shareAppMessage()方法即可实现分享。

分享代码示例如下：

// 引入微信JS-SDK
<script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>

// 初始化和准备分享参数
wx.config({
  appId: 'xxxx',
  timestamp: xxx,
  nonceStr: 'xxxx',
  signature: 'xxxx',
  jsApiList: ['onMenuShareTimeline', 'onMenuShareAppMessage']
});

wx.ready(function() {
  // 分享到朋友圈
  wx.onMenuShareTimeline({
    title: '分享标题',
    link: '分享链接',
    imgUrl: '分享图片地址'
  });

  // 分享给朋友
  wx.onMenuShareAppMessage({
    title: '分享标题',
    desc: '分享描述',
    link: '分享链接',
    imgUrl: '分享图片地址'
  });
});

// 点击分享按钮时调用分享方法
document.getElementById('share-btn').addEventListener('click', function() {
  wx.shareTimeline();
});