#javascript #angular #jspdf
Вопрос:
Я создаю pdf-файл с помощью jsPDF в angular.
HTML
lt;div id="myid"gt;HTML GOES HERElt;/divgt;
создание PDF js:
genPDF(){ html2canvas(document.getElementById('myid'), { allowTaint: true, useCORS: false, scale: 1, }).then((canvas) =gt; { var img = canvas.toDataURL("image/png"); var imgWidth = 210; var pageHeight = 297; var imgHeight = canvas.height * imgWidth / canvas.width; var heightLeft = imgHeight; var position = 10; var doc = new jsPDF() doc.setFontSize(16); doc.addImage(img, 'PNG', 0, position, imgWidth, imgHeight); doc.setProperties({ title: 'Test pdf' }); heightLeft -= pageHeight; while (heightLeft gt;= 0) { position = heightLeft - imgHeight; doc.setFontSize(22); doc.text(20, 20, 'This is a title'); doc.addPage(); doc.addImage(img, 'PNG', 10, position, imgWidth, imgHeight); heightLeft -= pageHeight; } doc.save( 'mypdf.pdf'); }); }
Можно ли при необходимости вызвать другой элемент для перехода на определенную страницу?
Например, я хочу создать титульную страницу для страницы 1, и я хотел бы, чтобы она была в другом элементе.
Итак, возможно ли иметь что-то для страницы 1, например:
lt;div id="mycoverpageId"gt;My Cover page html herelt;/divgt;
Как я могу это сделать?