Notes

html2canvas(this.pdfContent.nativeElement, { scale: 2 }).then(canvas => {
const imgData = canvas.toDataURL('image/png');
const pdf = new jsPDF('p', 'pt', 'a4'); // using points (pt) as unit
const pdfPageWidth = pdf.internal.pageSize.getWidth();
const pdfPageHeight = pdf.internal.pageSize.getHeight();

// Calculate the height of the image in the PDF while maintaining aspect ratio
const imgHeight = (canvas.height * pdfPageWidth) / canvas.width;

// Starting vertical position for the image (top of the page)
let position = 0;
let heightLeft = imgHeight;

// Add the first part of the image on the first page
pdf.addImage(imgData, 'PNG', 0, position, pdfPageWidth, imgHeight);
heightLeft -= pdfPageHeight;

// Add additional pages if necessary
while (heightLeft > 0) {
position = heightLeft - imgHeight;
pdf.addPage();
pdf.addImage(imgData, 'PNG', 0, position, pdfPageWidth, imgHeight);
heightLeft -= pdfPageHeight;
}

// Save the generated PDF
pdf.save('exported-content.pdf');
});