html2canvas 内容过多,第6页开始截图不全
前言
采用html2canvas做长截图,截图内容上面部分显示完好,第6页中间开始大片内容空白,但是图片的高度是正确的。。。
图片没有渲染就开始截图了,于是我加延时操作,问题依然存在。代码如下:
setTimeout(() => {
html2Canvas(element,{
imageTimeout:2000 // 图片加载延迟,默认0,单位毫秒
}).then(function(canvas) {}),2000)
内容过多,截不下来
只能牺牲下清晰度,调整下分辨率 ,chrome浏览器默认缩放比率为2,那把它适当调小点,问题解决。
代码如下:
setTimeout(() => {
-
html2Canvas(element,{
//允许跨域图片 图片是链接地址时,需加该属性,否则无法显示图片
useCORS: true,
scale:1, //重点
imageTimeout:0
}).then(function(canvas) {...