Я пытаюсь сгенерировать PDF некоторых html-таблиц с помощью jspdf.Функция addImage () работает нормально, но когда размер изображения превышает размер страницы pdf, изображение продолжается на следующей странице, как показано на рисунке выше
Я пытаюсь добавить поле или отступкаждая страница, чтобы она отображалась правильно.Любая Помощь будет принята с благодарностью. Это угловой проект.Я добавил свой код ниже.
public captureScreen() {
var data = document.getElementById('content');
html2canvas(data).then(canvas => {
// Few necessary setting options
const contentDataURL = canvas.toDataURL('image/png')
var imgWidth = 210;
var pageHeight = 295;
var imgHeight = canvas.height * imgWidth / canvas.width;
var heightLeft = imgHeight;
var doc = new jsPDF('p', 'mm');
var position = 0;
doc.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight);
heightLeft -= pageHeight;
while (heightLeft >= 0) {
position = heightLeft - imgHeight;
doc.addPage();
doc.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight);
heightLeft -= pageHeight;
}
doc.save( 'file.pdf');
});
}