Currently, I have a script that can generate a PDF from one DIV, but now I need to create a two-page PDF from two separate DIVs.
How can I modify the existing code to achieve this?
The first DIV is identified as #pdf-one and the second DIV is #pdf-two.
public exportHtmlToPDF() {
let dataOne = document.getElementById('pdf-one')!;
let dataTwo = document.getElementById('pdf-two')!;
html2canvas(dataOne).then(canvasOne => {
html2canvas(dataTwo).then(canvasTwo => {
let docWidth = 208;
let docHeight = canvasOne.height * docWidth / canvasOne.width;
let position = 0;
const contentDataURLOne = canvasOne.toDataURL("image/jpeg", 1.0);
const contentDataURLTwo = canvasTwo.toDataURL("image/jpeg", 1.0);
let doc = new jsPDF('p', 'mm', 'a4');
doc.addImage(contentDataURLOne, 'JPG', 0, position, docWidth, docHeight, 'FAST');
doc.addPage();
position = docHeight;
let docHeightTwo = canvasTwo.height * docWidth / canvasTwo.width;
doc.addImage(contentDataURLTwo, 'JPG', 0, position, docWidth, docHeightTwo, 'FAST');
doc.save('two-pages.pdf');
});
});
}