hyl1374961656 2020-08-30 15:11 采纳率: 0%
浏览 4910
已结题

关于html2canvas生成图片空白问题

关于html2canvas生成图片空白问题

框架react + mobx

"html2canvas": "^1.0.0-rc.7"

<div className="csbox">
    111111111111111
    <div onClick={this.exportImage}>
        提交
    </div>
</div>


    var node = document.querySelector('.csbox')
    html2canvas(node)
      .then(canvas => {
        console.log(canvas)
        var data = canvas.toDataURL();//生成的格式
        console.log(data)
      })
      .catch(err => {
        console.log(err)
      })

生成的图片
图片说明




控制台输出
图片说明




其他一些具体的细节私聊

网上找了各种方法都尝试过了,我的页面能生成图片,问题出在图片只是一张白图,这里明显不涉及到滚动条和图片跨域,就是想问一下有没有同样遇到这种情况的兄弟

找到问题所在了css样式的定义可能会导致页面截图失败,我把项目里的px转rem的文件注释掉,页面成功生成图片了

  • 写回答

9条回答

  • 仰望星空的代码 博客专家认证 2021-01-14 16:17
    关注

    有可能是缩放问题,看一下sale的配置

    评论

报告相同问题?

悬赏问题

  • ¥15 MATLAB yalmip 可转移负荷的简单建模出错,如何解决?
  • ¥15 数学的三元一次方程求解
  • ¥20 iqoo11 如何下载安装工程模式
  • ¥15 本题的答案是不是有问题
  • ¥15 关于#r语言#的问题:(svydesign)为什么在一个大的数据集中抽取了一个小数据集
  • ¥15 C++使用Gunplot
  • ¥15 这个电路是如何实现路灯控制器的,原理是什么,怎么求解灯亮起后熄灭的时间如图?
  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 在abaqus做了二维正交切削模型,给刀具添加了超声振动条件后输出切削力为什么比普通切削增大这么多
  • ¥15 ELGamal和paillier计算效率谁快?