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) {...