html2canvas截图不全

最新推荐文章于 2024-04-12 17:53:05 发布

___chu

最新推荐文章于 2024-04-12 17:53:05 发布

阅读量740

点赞数

分类专栏：【Vue】文章标签： javascript vue.js 前端

本文链接：https://blog.csdn.net/zxl1173558248/article/details/125300225

版权

【Vue】专栏收录该内容

20 篇文章 1 订阅

订阅专栏

 const targetDom = document.getElementById('contract');
  // 选项见文档：http://html2canvas.hertzen.com/configuration/
  html2canvas(targetDom, {
    allowTaint: true,
    useCORS: true,
    height: targetDom.clientHeight + targetDom.scrollTop + 40,
    width: targetDom.clientWidth,
    windowHeight: targetDom.clientHeight + targetDom.scrollTop + 40,
    scale: 1
  }).then((canvas) => {
    // document.body.scrollTo({ x: 0, y: 0 });
    let base64 = canvas.toDataURL('image/png');
    console.log('dataURL', base64);
    
  });

解决办法如上，windowHeight和Height中加上滚动条的高度。