首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用javascript将整个网页保存为PDF文件

如何使用javascript将整个网页保存为PDF文件
EN

Stack Overflow用户
提问于 2018-04-11 18:56:36
回答 1查看 1K关注 0票数 0

请问如何将整个网页另存为PDF文件?我已经有一个脚本保存为PDF文件的网页,但它不能捕捉整个网页。脚本如下:我的期望是保存网页的全部细节

代码语言:javascript
复制
   <script>
    function wa(){
            genPDF(0,0);
    }
    function genPDF(x,y){

        var doc = new jsPDF();
        //alert(document.getElementById("paper").clientWidth);//100.26
        var paperwidth = 8.5;
        var paperheight = 11;
        var ppi = parseFloat(document.getElementById("paper").clientWidth)/paperwidth;
        var height = ppi.toFixed(2)*paperheight;//instead of 11 inches
        var numpages = Math.ceil(parseFloat(document.getElementById("paper").clientHeight)/height.toFixed(2));

        window.scrollTo(0,0);
        html2canvas(document.getElementById("paper"),{
            onrendered:function (canvas){
                var x=0;
                while (x<numpages)
                {
                    var y = x*height;
                    window.scrollTo(0,y);
                    var img = canvas.toDataURL("image/png");
                    doc.addImage(img,'JPEG',5,5);
                    doc.addPage();
                    x=x+1;
                }
                doc.save('test.pdf');
            }
        });`enter code here`
    }
  </script>

谢谢

EN

回答 1

Stack Overflow用户

发布于 2018-04-11 20:00:35

试试看这个人

代码语言:javascript
复制
  var pdf = new jsPDF('l', 'mm', [canvas.width, canvas.height]);

  var width = pdf.internal.pageSize.width;    
  var height = pdf.internal.pageSize.height;
  pdf.addImage(imgData, 'JPEG', 0, 0, width, height);
  pdf.save("download.pdf");
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49773251

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档