Scribd
Upload
24 views1 page

JS

The document loads the jsPDF library and uses it to create a PDF. It loops through all images on the page, draws each image onto a canvas to get the image data, and adds that image to the PDF. After all images are added, it saves the completed PDF as a download file called "download.pdf".

Uploaded by

joureys
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
24 views1 page

JS

The document loads the jsPDF library and uses it to create a PDF. It loops through all images on the page, draws each image onto a canvas to get the image data, and adds that image to the PDF. After all images are added, it saves the completed PDF as a download file called "download.pdf".

Uploaded by

joureys
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 1

let jspdf = document.

createElement("script");

jspdf.onload = function () {

let pdf = new jsPDF();


let elements = document.getElementsByTagName("img");
for (let i in elements) {
let img = elements[i];
console.log("add img ", img);
if (!/^blob:/.test(img.src)) {
console.log("invalid src");
continue;
}
let can = document.createElement('canvas');
let con = can.getContext("2d");
can.width = img.width;
can.height = img.height;
con.drawImage(img, 0, 0, img.width, img.height);
let imgData = can.toDataURL("image/jpeg", 1.0);
pdf.addImage(imgData, 'JPEG', 0, 0);
pdf.addPage();
}

pdf.save("download.pdf");
};

jspdf.src = 'https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.min.js''; /*
had to set it like this, because disqus was breaking the link.. */
document.body.appendChild(jspdf);

You might also like