9***@qq.com
9***@qq.com
  • 发布:2025-02-18 10:57
  • 更新:2025-02-18 14:15
  • 阅读:64

html2canvas H5截图问题

分类:uni-app

使用html2canvas 截图 样式全崩。 为什么啊
下面是截图,左边是截图的结果,右边是网页展示的原内容。

const downLoad = async () => {  
  const dom2 = document.getElementById('share-card');  
  console.log(dom2, 'dom');  
  setTimeout(() => {  
    html2canvas(dom2, {  
      useCORS: false,  
      height: 400,  
      width: 750,  
      scrollY: 0,  
      scrollX: 0,  
      allowTaint: false,  
      onclone: (doc) => {  
        doc.querySelectorAll('script').forEach(script => script.remove());  
        console.log("克隆后的 DOM 结构:", doc.documentElement.innerHTML);  
      }  
    }).then(canvas => {  
      // 将生成的 Canvas 显示在页面上  
      const link = document.createElement('a');  
      link.download = 'screenshot2222.png';  
      link.href = canvas.toDataURL('image/png');  
      link.click();  
    });  
  },1000)
2025-02-18 10:57 负责人:无 分享
已邀请:
9***@qq.com

9***@qq.com (作者)

somebody help me <cry>

杨杨得亿

杨杨得亿 - 这个人很懒,什么都没有留下~

测试了,代码没问题,你可以把useCORS跨域打开试一下

  • 9***@qq.com (作者)

    你这是uniapp的项目? 用view标签还是div

    2025-02-18 17:32

  • 杨杨得亿

    回复 9***@qq.com: uniapp项目,view标签

    2025-02-19 08:41

要回复问题请先登录注册