Yes it’s possible. You could write a jsPDF plugin method to use. One quick example is this: (function(API){ API.myText = function(txt, options, x, y) { options = options ||{}; /* Use the options align property to specify desired text alignment * Param x will be ignored if desired text alignment is ‘center’. * Usage of … Read more
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
You need to compress the images in the PDF’s that you are generating. Try using Deflate.js and adler32cs.js and use the compress parameter in both jsPDF and addImage functions that you are using. For eg : var doc = new jsPDF(‘p’, ‘pt’,’a4′,true); make sure you set the last parameter as ‘true’ refer to : https://github.com/MrRio/jsPDF/blob/ddbfc0f0250ca908f8061a72fa057116b7613e78/jspdf.js#L146 … Read more
This worked for me in Angular 2: var img = new Image() img.src=”https://stackoverflow.com/questions/19065562/assets/sample.png” pdf.addImage(img, ‘png’, 10, 78, 12, 15) jsPDF version 1.5.3 assets directory is in src directory of the Angular project root
You can use jspdf. working Demo .html <div id=”pdfTable” #pdfTable> <h1>{{name}}</h1> <table> <tr> <th>Company</th> <th>Contact</th> <th>Country</th> </tr> <tr> <td>Alfreds Futterkiste</td> <td>Maria Anders</td> <td>Germany</td> </tr> <tr> <td>Centro comercial Moctezuma</td> <td>Francisco Chang</td> <td>Mexico</td> </tr> <tr> <td>Ernst Handel</td> <td>Roland Mendel</td> <td>Austria</td> </tr> <tr> <td>Island Trading</td> <td>Helen Bennett</td> <td>UK</td> </tr> <tr> <td>Laughing Bacchus Winecellars</td> <td>Yoshi Tannamuri</td> <td>Canada</td> </tr> <tr> … Read more
Besides using one of the default formats you can specify any size you want in the unit you specify. For example: // Document of 210mm wide and 297mm high new jsPDF(‘p’, ‘mm’, [297, 210]); // Document of 297mm wide and 210mm high new jsPDF(‘l’, ‘mm’, [297, 210]); // Document of 5 inch width and 3 … Read more
I have the same working issue. Searching in MrRio github I found this: https://github.com/MrRio/jsPDF/issues/101 Basically, you have to check the actual page size always before adding new content doc = new jsPdf(); … pageHeight= doc.internal.pageSize.height; // Before adding new content y = 500 // Height position of new content if (y >= pageHeight) { doc.addPage(); … 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();
Based on the source you can use the ‘dataurlnewwindow’ parameter for output(): doc.output(‘dataurlnewwindow’); Source in github: https://github.com/MrRio/jsPDF/blob/master/jspdf.js#L914 All possible cases: doc.output(‘save’, ‘filename.pdf’); //Try to save PDF as a file (not works on ie before 10, and some mobile devices) doc.output(‘datauristring’); //returns the data uri string doc.output(‘datauri’); //opens the data uri in current window doc.output(‘dataurlnewwindow’); //opens … Read more
Okay I’ve solved this. I used the jsPDF function, splitTextToSize(text, maxlen, options). This function returns an array of strings. Fortunately, the jsPDF text() function, which is used to write to the document, accepts both strings and arrays of strings. var splitTitle = doc.splitTextToSize(reportTitle, 180); doc.text(15, 20, splitTitle);