html2canvas 内容过多，第6页开始截图不全

html2canvas 内容过多，第6页开始截图不全

 

前言

采用html2canvas做长截图，截图内容上面部分显示完好，第6页中间开始大片内容空白，但是图片的高度是正确的。。。

 

图片没有渲染就开始截图了，于是我加延时操作，问题依然存在。代码如下：

setTimeout(() => {
  html2Canvas(element,{
    imageTimeout:2000 // 图片加载延迟，默认0，单位毫秒
  }).then(function(canvas) {}),2000)

内容过多，截不下来

只能牺牲下清晰度，调整下分辨率 ，chrome浏览器默认缩放比率为2，那把它适当调小点，问题解决。

 

代码如下：

setTimeout(() => {

1.   html2Canvas(element,{
       //允许跨域图片 图片是链接地址时，需加该属性，否则无法显示图片
       useCORS: true,
       scale:1, //重点
       imageTimeout:0 
     }).then(function(canvas) {...