Javascript 将图像转换为PDF(收缩/加载一页)
请不要将此标记为重复,因为我已经尝试了很多次 在StackOverflow/Google上写的东西&事情没有解决 我的要求: 将HTML div转换为Image&将图像转换为PDF。 因此,目前我能够将HTMLdiv转换为图像&部分成功地将图像转换为PDF 我正在使用JsPDF将图像转换为PDF 以下是我有2个案例的代码:Javascript 将图像转换为PDF(收缩/加载一页),javascript,jquery,angular,pdf,jspdf,Javascript,Jquery,Angular,Pdf,Jspdf,请不要将此标记为重复,因为我已经尝试了很多次 在StackOverflow/Google上写的东西&事情没有解决 我的要求: 将HTML div转换为Image&将图像转换为PDF。 因此,目前我能够将HTMLdiv转换为图像&部分成功地将图像转换为PDF 我正在使用JsPDF将图像转换为PDF 以下是我有2个案例的代码: 生成pdf,但图像非常缩小 没有收缩,但只生成一个页面 下面我分享了这两个案例的图片 请帮我解决这个问题 $(文档).ready(函数(){ setTimeout(函数(
$(文档).ready(函数(){
setTimeout(函数(){
下载图像();
},1000)
});
var base64=“”;
函数downloadImage(){
//案例1:图像缩小的情况。
html2canvas(document.querySelector(#dvContainer)),然后(canvas=>{
a=document.createElement('a');
文件.正文.附件(a);
base64=canvas.toDataURL();
var doc=new jsPDF();
var-image=base64;
文件添加图像(图像“JPEG”、10、10、180、160);
文件保存(“报告”);
});
//案例2:仅加载1页。
html2canvas(document.querySelector(#dvContainer)),然后(canvas=>{
a=document.createElement('a');
文件.正文.附件(a);
base64=canvas.toDataURL(wid=canvas.width,hgt=canvas.height);
var doc=新的jsPDF('p'、'pt'、'a4');
var-image=base64;
var hratio=hgt/wid;
var width=doc.internal.pageSize.width;
变量高度=宽度*hratio;
文件添加图像(图像,'JPEG',20,20,宽度,高度);
文件保存(“报告”);
});
}
No.的可能副本对我不起作用…这是一个小问题您可以使用jsPDFI am使用JsPdf来完成。需要一些小的调整,我需要help@MohitKulkarni您可以在jsPDF中根据A4大小调整图像大小,然后再添加图像