html - Exporting the current page to pdf in javascript -
i wanna export current web page pdf , did follows using jspdf
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.4/jspdf.min.js"> </script> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script> <script type="text/javascript"> function getpdf() { html2canvas(document.body,{ onrendered: function(canvas) { var img = canvas.todataurl("image/png"); var doc = new jspdf(); var width = doc.internal.pagesize.width; var height = doc.internal.pagesize.height; doc.setfont("helvetica"); doc.setfonttype("bold"); doc.setfontsize(9); alert(width) alert(height) // pdf.addimage(img, 'jpeg', 0, 0,width,height); doc.addimage(img, 'jpeg', 0, 0,width,height); doc.save("test.pdf"); } } ); } </script> </head> <body> <div id="dv" style="margin-top:120px"> <span style="float:right"> <input type="button" name="btn" id="btn" value="download-pdf" onclick="getpdf();"/> </span><br><br> <table width="100%" border='1' style="text-align:center;border-collapse:collapse"> <thead> <tr> <th> row ddddd </th> <th> row ddddd </th> <th> row ddddd </th> <th> row ddddd </th> <th> row ddddd </th> <th> row ddddd </th><th> row ddddd </th><th> row ddddd </th> </tr> </thead> <tbody> <tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr> <tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr><tr> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> <td> row ddddd </td><td> row ddddd </td> </tr> </tbody> </table> </div> </body> and browser shows page 
i same page in pdf 
the pdf different original 1 ..i need exact 1 please suggestions improve quality of pdf , in advance.
changed getpdf better pdf. see addhtml source code
function getpdf() { var doc = new jspdf(); doc.addhtml(document.body, function() { doc.save('test.pdf') }) }
Comments
Post a Comment