Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.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 将图像转换为PDF(收缩/加载一页)_Javascript_Jquery_Angular_Pdf_Jspdf - Fatal编程技术网

Javascript 将图像转换为PDF(收缩/加载一页)

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(函数(

请不要将此标记为重复,因为我已经尝试了很多次 在StackOverflow/Google上写的东西&事情没有解决

我的要求

将HTML div转换为Image&将图像转换为PDF。 因此,目前我能够将HTMLdiv转换为图像&部分成功地将图像转换为PDF

我正在使用JsPDF将图像转换为PDF

以下是我有2个案例的代码:

  • 生成pdf,但图像非常缩小
  • 没有收缩,但只生成一个页面
  • 下面我分享了这两个案例的图片

    请帮我解决这个问题

    
    $(文档).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大小调整图像大小,然后再添加图像