CODEWITHSUNDEEP
jspdf
Baga
Baga

Reputation: 31

Not able to load image to PDF using jspdf

I'm trying to load image into PDF using jspdf javascript library.I can successfully get data of image however output PDF is not showing any image.

Below is complete code snippet.

<script type="text/javascript" src="js/jspdf/base64.js"></script>
<script type="text/javascript" src="js/jspdf/sprintf.js"></script>
<script type="text/javascript" src="js/jspdf/jspdf.js"></script>


 var createPDF = function(imgData) {
    var doc = new jsPDF();
    alert("before create pdf ::::"); 
    doc.addImage(imgData, 'JPEG', 10, 10, 500, 500);
    //doc.addImage(imgData, 'JPEG', 70, 10, 100, 120);

    // Output as Data URI
    doc.output('datauri');
 }




  var darthImgData;
  function childCanvas()
  {
      var canvas = document.createElement('canvas');
      var context = canvas.getContext('2d');
      var imageObj = new Image();

      imageObj.onload = function() {
        context.drawImage(imageObj, 69, 50);
        darthImgData = canvas.toDataURL('image/jpeg').slice('data:image/jpeg;base64,'.length);
        // Convert the data to binary form
        darthImgData = atob(darthImgData);
        alert(darthImgData);
        createPDF(darthImgData);
      };
      imageObj.src = 'thinking-monkey.jpg';


  }

Please help me in this regard.

Upvotes: 1

Views: 6811

Answers (1)

Baga
Baga

Reputation: 31

At last, I found the solution for above said issue.JSPDF team added javascript plugin for adding image in generated PDF files in client-side JavaScript.

I've added below jspdf scripts in my code, was able to generate PDF with image.

<script type="text/javascript" src="js/jspdf/jspdf.plugin.addimage.js"></script>

Upvotes: 2

Related Questions