Breaking News: Grepper is joining You.com. Read the official announcement!

image to pdf jspdf medium

Aggressive Anaconda answered on September 20, 2022 Popularity 6/10 Helpfulness 2/10

answer image to pdf jspdf medium

image to pdf jspdf medium

Comment

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
// Download the given image URL as a PDF file.
function savePDF(imageDataURL) {
  // Get the dimensions of the image.
  var image = new Image();

  image.onload = function() {
    let pageWidth = image.naturalWidth;
    let pageHeight = image.naturalHeight;

    // Create a new PDF with the same dimensions as the image.
    const pdf = new jsPDF({
      orientation: pageHeight > pageWidth ? "portrait": "landscape",
      unit: "px",
      format: [pageHeight, pageWidth]
    });

    // Add the image to the PDF with dimensions equal to the internal dimensions of the page.
    pdf.addImage(imageDataURL, 0, 0, pdf.internal.pageSize.getWidth(), pdf.internal.pageSize.getHeight());

    // Save the PDF with the filename specified here:
    pdf.save("index.pdf");
  }

  image.src = imageDataURL;
} Note: naturalWidth and naturalHeight are only supported in modern browsers. [These are the browsers that support these properties.](https://caniuse.com/#feat=img-naturalwidth-naturalheight)

Popularity 6/10 Helpfulness 2/10 Language javascript

Source: anthonyzhou.me

Tags: image javascript jspdf pdf

Link to this answer
Share Copy Link

Contributed on Sep 20 2022

Aggressive Anaconda

0 Answers Avg Quality 2/10

image to pdf jspdf medium

Contents

More Related Answers

image to pdf jspdf medium

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.