How do I set margins in jsPDF?

How do I set margins in jsPDF?


  1. let doc = new jsPDF(‘p’, ‘pt’, ‘a4’);
  2. let myImage = ‘../../../assets/logo.png’;
  3. doc. html(document. getElementById(‘htmlData’), {
  4. // Adjust your margins here (left, top, right ,bottom)
  5. margin: [40, 60, 40, 60],
  6. callback: function (pdf) {

How do you apply margin to a tag?

To make it work here an option is to use padding-top on the p tag. And on the a tag the margin doesn’t work because it’s an inline element. You may need to change its display property to inline-block or block .

What is the code for margin in HTML?

The margin property sets or returns the margins of an element. This property can take from one to four values: One value, like: div {margin: 50px} – all four margins will be 50px. Two values, like: div {margin: 50px 10px} – the top and bottom margins will be 50px, left and right margins will be 10px.

What is JavaScript jsPDF?

jsPDF is an open-source library for generating PDF documents using JavaScript. It provides multiple options to generate PDF files, with custom properties. It has numerous plugins to support various ways of PDF generation.

How do I use jsPDF?

you can use pdf from html as follows,

  1. Step 1: Add the following script to the header.
  2. Step 2: Add HTML script to execute jsPDF code.
  3. Step 3: Add your body content.

How do I print from jsPDF?

var doc = new jsPDF(); var name = “Doe, John” doc. setFontType(“normal”); doc. setFontSize(12); doc. text(20,20,’Name: ‘+ name); //do something that prints the pdf…

How do you color your margins in CSS?

you can’t color a margin, but the element exposed on either side is the body – you can set the background-color of that (it’s in the style tags in the head of your html doc).

How to make a margin hash in jspdf?

JSPdf allows you to make a margin hash and apply it in your download i.e. margins = { top: 40, bottom: 60, left: 40, width: 522 }; Try this snippet below or this CodePen:

Why do you add margin to each page in PDF?

I also want to add margin to each pages of PDF so that content should not get cut while splitting it to next page. I have written following code until now:

Are there limitations to using jspdf in HTML?

Using JSPDF I found few limitation. fromHTML () is no longer supported and html () is the current method which we can call from an instance, moreover to it margin is also not supported as the html () uses first element as callback. JSPdf allows you to make a margin hash and apply it in your download i.e.

Back To Top