Stack Overflow
Stack Overflow

Questions tagged [jspdf]

jsPDF is an open-source library written in JavaScript, used for generating PDF documents. Do not use with the [pdf.js] tag as that is a different library.

jsPDF is an open-source library written in JavaScript, used for generating PDF documents. Originally written by Daniel Dotsenko from Willow Systems Corporation, later contributed by many other contributors.

The current version is 2.4.0.

Live editor exapmle

var doc = new jsPDF();
doc.text(20, 20, 'Hello world.');
doc.save('Test.pdf');

Links

2630 questions
342
votes
18 answers

Generate pdf from HTML in div using Javascript

I have the following html code:

don't print this to pdf

print this to pdf

All I want to…
John Crawford
  • 9,656
  • 9
  • 31
  • 42
104
votes
7 answers

How to properly use jsPDF library

I want to convert some of my divs into PDF and I've tried jsPDF library but with no success. It seems I can't understand what I need to import to make the library work. I've been through the examples and I still can't figure it out. I've tried the…
Daniela costina Vaduva
  • 1,857
  • 5
  • 20
  • 22
69
votes
17 answers

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

Is there any way to solve this? I tried to set width and height in mm. How can I set it to full-width?
sreeraj nyros
  • 929
  • 1
  • 6
  • 17
66
votes
7 answers

Word wrap in generated PDF (using jsPDF)?

what I'm doing is using jsPDF to create a PDF of the graph I generated. However, I am not sure how to wrap the title (added by using the text() function). The length of the title will vary from graph to graph. Currently, my titles are running off…
user3749946
  • 1,997
  • 2
  • 12
  • 9
62
votes
16 answers

How to open generated pdf using jspdf in new window

I am using jspdf to generate a pdf file. Every thing is working fine. But how to open generated pdf in new tab or new window. I am using doc.output('datauri'); Which is opening the pdf in same tab.
Satendra Jindal
  • 1,048
  • 3
  • 10
  • 15
60
votes
15 answers

JsPDF - Not allowed to navigate top frame to data URL

After updating Google Chrome, the report jsPDF in a new Window does not work any more. The console shows the message: Not allowed to navigate top frame to data URL: …
Márcio Rossato
  • 971
  • 1
  • 11
  • 20
56
votes
11 answers

jsPDF multi page PDF with HTML renderer

I am using jsPDF in my site to generate PDFs. But now I have multiple DIVs to print in a single PDF. which may take 2 to 3 pages. For example:
content
content
…
manipvd
  • 643
  • 1
  • 6
  • 7
55
votes
4 answers

Where to change default pdf page width and font size in jspdf.debug.js?

I need to change default pdf page width and font size in jspdf.debug.js. Where and how to change the default values in jspdf.debug.js?
user3428816
  • 1,241
  • 3
  • 16
  • 32
49
votes
8 answers

How to generate a PDF using Angular 7?

I have to generate a PDF report from data entered by a user, which would be saved in an object. So far, I have come across stuff which generates an HTML page and then takes a screenshot and converts it into PDF. I am looking to generate a PDF…
The Bored Theorist
  • 499
  • 1
  • 4
  • 4
47
votes
12 answers

Add image in pdf using jspdf

I am using jspdf to convert an image into a PDF. I have converted the image into a URI using base64encode. But the problem is that there are no errors or warnings shown in the console. A PDF is generated with the text Hello World on it but no image…
Navya
  • 657
  • 2
  • 10
  • 20
43
votes
6 answers

Pdf file size too big created using jspdf

I am using jspdf for creating PDF inside browser. I am having multiple charts having svg as chart Data. For adding data to pdf I am converting svg to png using canvas and then Base64 Data using canvas.toDataURL method. After all this conversions…
Asha Koshti
  • 2,763
  • 4
  • 22
  • 30
42
votes
6 answers

Exporting PDF with jspdf not rendering CSS

I am using jspdf.debug.js to export different data from a website but there are a few problems, I can't get it to render the CSS in the exported PDF and if I have an image in the page I am exporting, the PDF returns blank... Does anyone know a way…
Alin
  • 1,218
  • 5
  • 21
  • 47
38
votes
11 answers

Is there any way to center text with jsPDF?

I'm trying to create a simple pdf doc using javascript. I found jsPDF but I don't figure out how to center text. Is it possible?
Dev01
  • 13,292
  • 19
  • 70
  • 124
38
votes
4 answers

jsPDF can't get any styling to work

I'm new to using jsPDF but and for the life of me I can't get any css to apply to this thing! I've tried inline, internal, and external all to no avail! I read in another SO post that since it's technically printing stuff to a file I need a print…
samuraiseoul
  • 2,888
  • 9
  • 45
  • 65
35
votes
4 answers

Export HTML table to pdf using jspdf

I need to export the HTML table to pdf file using jspdf. I tried the below code but it displays the blank/empty output in pdf file. Any suggestions or sample code for this would be helpful. `