其他分享
首页 > 其他分享> > html2canvas 内容过多,第6页开始截图不全

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

标签:html2Canvas,截图,imageTimeout,不全,html2canvas,内容,图片
来源: https://www.cnblogs.com/dongjingya/p/15330213.html