Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/32.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用html2canvas和JSPdf从顶部截取图像_Javascript_Angular_Jspdf_Html2canvas - Fatal编程技术网

Javascript 使用html2canvas和JSPdf从顶部截取图像

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

我正在使用jspdf和html2canvas从html创建一个多页PDF,但我的图像从顶部几乎没有被切掉。我从不同的论坛尝试了所有可能的解决方案,但没有成功。下面是代码 [附图供参考]

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张开始,它从顶部被切断了