jspdf export html (div) to pdf not working

Question

Im triying to generate a PDF only with a div content (can have images)

im trying HTML -> PDF

this can help how to use addHTML function in jsPDF and jsPdf using html2canvas.js for export pdf from html is not working for large data

This is my code:

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

it give me this error: jspdf.debug.js:4455 Uncaught Error: Supplied data is not a JPEG

i try

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

And works but show me all the body, i only need the content of the div id="printDiv" i use the lib html2canvas

Answer 1

you should be able to use a JQuery selector to choose just the div that you want in the pdf, like this:

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