How to give width, height, x and y coordinates in generating pdf from html using JSPDF new html API

If you look at the source code of jspdf.debug.js, html.js has the options for x and y offsets.

opt: { filename: 'file.pdf', margin: [0, 0, 0, 0], enableLinks: true, x: 0, y: 0, html2canvas: {}, jsPDF: {} } 

So you can set the x and y coordinates like this:

pdf.html(document.getElementById('html'), { x: 36, y: 36, callback: function () { // pdf.save('test.pdf'); window.open(pdf.output('bloburl')); // to debug } }); 

Unfortunately, I can't do the same by modifying the margin: [0, 0, 0, 0]. Looks like they are still working on this issue. So the short answer is NOT YET.

A work-around is to calculate the scale of html2canvas by margin:

let pdf = new jsPDF('p', 'pt', 'a4'); let margin = 36; // narrow margin - 12.7 mm let srcwidth = document.getElementById('html').scrollWidth; let scale = (595.28 - margin * 2) / srcwidth; // a4 pageSize 595.28 pdf.html(document.getElementById('html'), { backgroundColor: 'lightyellow', html2canvas: { scale: scale // default is window.devicePixelRatio, }, x: margin, y: margin, callback: function () { window.open(pdf.output('bloburl')); } }); 

Using jsPDF to generate a PDF matching HTML page dimensions (not accounting for multi-pages), including rendered images. Script depends on jsPDF v2.5.1 and html2canvas 1.4.1 (for rendering canvases, ie. for images etc): // Create unconfigured PDF. var pdf = new jsPDF();

// Generate PDF content from HTML body. pdf.html (document.querySelector("body"), { // Config PDF page to match HTML page dimensions. margin: [0, 0, 0, 0], // PDF margins x: 0, y: 0, // PDF content origin offset from PDF page origin width: pdf.internal.pageSize.getWidth(), // Generated PDF document's width in jsPDF units windowWidth: window.innerWidth // Page width in its browser window in CSS pixels } );