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

javascript jspdf

sreeraj nyros · Apr 7, 2016 · Viewed 123.3k times · Source

Is there any way to solve this? I tried to set width and height in mm. How can I set it to full-width?

Answer

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).