As I know jsPDF is not working with CSS and the same issue I was facing. To solve this issue, I used Html2Canvas. Just Add HTML2Canvas JS and then use pdf.addHTML() instead of pdf.fromHTML(). Here’s my code (no other code): var pdf = new jsPDF(‘p’, ‘pt’, ‘letter’); pdf.addHTML($(‘#ElementYouWantToConvertToPdf’)[0], function () { pdf.save(‘Test.pdf’); }); Best of … Read more
Here is working example: in head <script type=”text/javascript” src=”https://stackoverflow.com/questions/23035858/jspdf.debug.js”></script> script: <script type=”text/javascript”> function demoFromHTML() { var pdf = new jsPDF(‘p’, ‘pt’, ‘letter’); // source can be HTML-formatted string, or a reference // to an actual DOM element from which the text will be scraped. source = $(‘#customers’)[0]; // we support special element handlers. Register them … Read more
This works well now that chrome has removed top frame navigation. Only downloading the pdf in chrome gives problem. Download works in well in firefox tho. var string = doc.output(‘datauristring’); var iframe = “<iframe width=”100%” height=”100%” src=”” + string + “”></iframe>” var x = window.open(); x.document.open(); x.document.write(iframe); x.document.close();
you can use pdf from html as follows, Step 1: Add the following script to the header <script src=”https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js”></script> or download locally Step 2: Add HTML script to execute jsPDF code Customize this to pass the identifier or just change #content to be the identifier you need. <script> function demoFromHTML() { var pdf = new … Read more
jsPDF is able to use plugins. In order to enable it to print HTML, you have to include certain plugins and therefore have to do the following: Go to https://github.com/MrRio/jsPDF and download the latest Version. Include the following Scripts in your project: jspdf.js jspdf.plugin.from_html.js jspdf.plugin.split_text_to_size.js jspdf.plugin.standard_fonts_metrics.js If you want to ignore certain elements, you have … Read more