Scribd
Upload
35 views1 page

Inject Code

The document provides instructions to convert images on a web page to a PDF document using JavaScript. It describes opening the document, scrolling to show all content, opening developer tools, and pasting JavaScript code to select images and add them to a new PDF for download.

Uploaded by

Johan van Nimwegen
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
35 views1 page

Inject Code

The document provides instructions to convert images on a web page to a PDF document using JavaScript. It describes opening the document, scrolling to show all content, opening developer tools, and pasting JavaScript code to select images and add them to a new PDF for download.

Uploaded by

Johan van Nimwegen
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

Open the document

Scroll to the bottom of the document, so all the pages are present
Open Developer Tools on separate window and choose the Console tab
Paste the code below (and hit enter)

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.5.3/jspdf.debug.js';
document.body.appendChild(jspdf);

You might also like