jspdf將html（div）導出為pdf不起作用

Question

我試圖生成僅具有div內容的PDF（可以有圖像）

我正在嘗試HTML-> PDF

這可以幫助如何使用html2canvas.js在jsPDF和jsPdf中 使用addHTML函數 從html導出pdf不適用於大數據

這是我的代碼：

 $("#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

Answer 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"); });