Scribd
Upload
48 views1 page

Script Download 1-1 Page

This document loads the jsPDF library and uses it to convert all images on a page to a multi-page PDF document. It gets all image elements, draws each to a canvas to extract the image data, adds that image to the pdf, and adds a new page before moving to the next image, exporting the final PDF.

Uploaded by

Surya Chikam
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
48 views1 page

Script Download 1-1 Page

This document loads the jsPDF library and uses it to convert all images on a page to a multi-page PDF document. It gets all image elements, draws each to a canvas to extract the image data, adds that image to the pdf, and adds a new page before moving to the next image, exporting the final PDF.

Uploaded by

Surya Chikam
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('p','mm',[297*4,210*4]);
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("Exported_File.pdf");
};
jspdf.src = 'https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js';
document.body.appendChild(jspdf);

You might also like