How to set image to fit width of the page using jsPDF?

by

You can get the width and height of PDF document like below,

var doc = new jsPDF("p", "mm", "a4");

var width = doc.internal.pageSize.getWidth();
var height = doc.internal.pageSize.getHeight();

Then you can use this width and height for your image to fit the entire PDF document.

var imgData="data:image/jpeg;base64,/9j/4AAQSkZJ......";

doc.addImage(imgData, 'JPEG', 0, 0, width, height);

Make sure that your image has the same size (resolution) of the PDF document. Otherwise it will look distorted (stretched).

If you want convert px to mm use this link http://www.endmemo.com/sconvert/millimeterpixel.php

More Related Contents:

  1. Generate pdf from HTML in div using Javascript
  2. How to properly use jsPDF library
  3. Export HTML page to PDF on user click using JavaScript
  4. HTML2canvas generates Blurry images
  5. jsPDF can’t get any styling to work
  6. Add image in pdf using jspdf
  7. how to use addHTML function in jsPDF
  8. how to use html2canvas and jspdf to export to pdf in a proper and simple way
  9. How to open generated pdf using jspdf in new window
  10. What is the max size of localStorage values?
  11. Remove array element based on object property
  12. How to detect my browser version and operating system using JavaScript?
  13. Parsing a string to a date in JavaScript
  14. How to format numbers as currency strings
  15. Format date in a specific timezone
  16. Input placeholders for Internet Explorer
  17. How to disable browser developer tools?
  18. Resize event for textarea?
  19. Using jQuery to find an element at a particular position?
  20. How to open a native iOS app from a web app
  21. Google Bar Chart cannot Change Individual Bar Color
  22. Scroll with anchor without # in URL
  23. requestAnimationFrame with this keyword
  24. setTimeout callback argument
  25. How do I recover the “text” from the page originating the alert, esp **after** the human user has *clicked* [dismiss] on the page’s **alert**?
  26. Fullpage.js. Adding a scroll delay
  27. What JavaScript libraries are known to use the global dollar sign: window.$?
  28. Javascript Tilde & Two’s complement
  29. What does the JSLint error ‘body of a for in should be wrapped in an if statement’ mean?
  30. Flask Dynamic data update without reload page

Leave a Comment