Javascript 使用html2canvas和JSPdf从顶部截取图像
我正在使用jspdf和html2canvas从html创建一个多页PDF,但我的图像从顶部几乎没有被切掉。我从不同的论坛尝试了所有可能的解决方案,但没有成功。下面是代码 [附图供参考]Javascript 使用html2canvas和JSPdf从顶部截取图像,javascript,angular,jspdf,html2canvas,Javascript,Angular,Jspdf,Html2canvas,我正在使用jspdf和html2canvas从html创建一个多页PDF,但我的图像从顶部几乎没有被切掉。我从不同的论坛尝试了所有可能的解决方案,但没有成功。下面是代码 [附图供参考] var data=document.getElementsByClassName('divtocapture'); 对于(让内容=0;内容{ var imgWidth=pdf.internal.pageSize.getWidth() var imgHeight=canvas.height*imgWidth/ca
var data=document.getElementsByClassName('divtocapture');
对于(让内容=0;内容{
var imgWidth=pdf.internal.pageSize.getWidth()
var imgHeight=canvas.height*imgWidth/canvas.width;
const contentDataURL=canvas.toDataURL('image/JPEG',1.0)
addImage(contentDataURL,'JPEG',5,10,imgWidth,imgHeight)
pdf.save('mypdf.pdf');
})
}```
物品转让
转移
可能是因为x,y偏移?
尝试设置零:
pdf.addImage(contentDataURL, 'JPEG', 0, 0, imgWidth, imgHeight)
再仔细检查一下imgHeight,也许你的计算是错误的,imgHeight比应该的要低。也许是因为x,y偏移?
尝试设置零:
pdf.addImage(contentDataURL, 'JPEG', 0, 0, imgWidth, imgHeight)
同时再次检查imgHeight,可能是您的计算错误,imgHeight低于应有的值。请提供HTML代码,如何包装内容以保存为pdf?在上述部分添加了HTML请提供HTML代码,如何包装内容以另存为pdf?在上述部分中添加了html我尝试了0,0位置,也尝试了不同的高度选项,但结果相同。我得到了前3张图片,但从第4张开始,它从顶部被切断。我尝试了0,0的位置,也尝试了不同的高度选项,但结果相同。我得到了前3张图片,但从第4张开始,它从顶部被切断了