CODEWITHSUNDEEP
jspdf
user290369
user290369

Reputation: 37

Download PDF file using jsPDF

Trying to download PDf file using examples at https://parall.ax/products/jspdf

Relevant HTML Code is as shown below.

It keeps giving error as "Uncaught TypeError: Cannot read property 'config' of undefined jspdf.debug.js Uncaught TypeError: Cannot read property 'canvas' of undefined" and doesn't generate any PDF file.

Thanks for your help.

<script type="text/javascript" language="javascript" src="#{applicationConfiguration.appStaticFileContextPath}/desktop/js/jsPDF-master/dist/jspdf.debug.js"></script>

<script type="text/javascript" language="javascript" src="#{applicationConfiguration.appStaticFileContextPath}/desktop/js/jsPDF-master/plugins/from_html.js?"></script>
<script type="text/javascript" language="javascript" src="#{applicationConfiguration.appStaticFileContextPath}/desktop/js/jsPDF-master/plugins/canvas.js?"></script>

function downloadPDF() {
   var doc = new jsPDF('p', 'in', 'letter');
     var source = $('#overview_tab').first();
     var specialElementHandlers = {
         '#banking_tab': function(element, renderer) {
             return true;
         }
     };

     doc.fromHTML(
         source, // HTML string or DOM elem ref.
         0.5,    // x coord
         0.5,    // y coord
         {
             'width': 7.5, // max width of content on PDF
             'elementHandlers': specialElementHandlers
         });

     doc.output('dataurl');

}

Upvotes: 0

Views: 22979

Answers (1)

user3778690
user3778690

Reputation: 111

This code works for me:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Hello world</title>
</head>

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.0.272/jspdf.debug.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script>


<script type="text/javascript">
function saveAspdf() {
var pdf = new jsPDF('p','pt','a4');
pdf.addHTML(document.body,function() {
    pdf.save('web.pdf');
});
}
</script>


<body>
    <p id="to-pdf">Generating PDF</p>
</body>

</html>



<input type="button" value="save" onclick="javascript:saveAspdf()"/>

Upvotes: 2

Related Questions