jspdf将html（div）导出为pdf不起作用答案

【问题标题】：jspdf export html (div) to pdf not workingjspdf将html（div）导出为pdf不起作用
【发布时间】：2016-10-11 21:46:08
【问题描述】：

我正在尝试生成仅包含 div 内容的 PDF（可以包含图像）

我正在尝试 HTML -> PDF

这可以帮助how to use addHTML function in jsPDF 和 jsPdf using html2canvas.js for export pdf from html is not working for large data

这是我的代码：

$("#pdfButton").click(function(){
  $(".compare_wrapper").clone().appendTo("#printDiv");
  var pdf = new jsPDF('l', 'pt', 'a4');
  var options = {
    pagesplit: true
  };
  pdf.addHTML($('#printDiv'), 0, 0, options, function(){
    pdf.save("test.pdf");
  });
  $("#printDiv").empty();
});
});

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>

<div id="printDiv" style='padding:0;top:0;left:0;margin:0;' hidden></div>

<div class="row">  
        <div class="compare_wrapper col-md-12"> <!--Here i show the data-->

它给了我这个错误： jspdf.debug.js:4455 未捕获的错误：提供的数据不是 JPEG

我试试

var pdf = new jsPDF('l', 'pt', 'a4');
        var options = {
            pagesplit: true
        };
        pdf.addHTML($('body'), 0, 0, options, function(){
            pdf.save("test.pdf");
        });

并且工作，但显示我所有的身体，我只需要 div id="printDiv" 我使用 lib html2canvas 的内容

【问题讨论】：

标签： javascript jquery html pdf jspdf

【解决方案1】：

您应该能够使用 JQuery 选择器在 pdf 中选择您想要的 div，如下所示：

var pdf = new jsPDF('l', 'pt', 'a4');
        var options = {
            pagesplit: true
        };
        pdf.addHTML($('#printDiv'), 0, 0, options, function(){
            pdf.save("test.pdf");
        });

【讨论】：