如何使用html2pdf-jspdf javascript插件设置页眉和页脚?

问题描述 投票:0回答:1

我想将HTML内容转换为pdf文件并将其存储到服务器,因此,我使用jspdf-html2pdf函数将HTML内容转换为pdf文件。

所以我正在这样的角度项目中尝试javascript代码,

var element = this.pdfTable.nativeElement
var opt = {
  margin:       0.5,
  filename:     'ct-scan.pdf',
  enableLinks:  false,
  pagebreak:    { mode: 'avoid-all' },
  image:        { type: 'jpeg', quality: 0.98 },
  html2canvas:  { scale: 2 },
  jsPDF:        { unit: 'in', format: 'a4', orientation: 'portrait' }
};

 html2pdf().from(element).set(opt).toPdf().get('pdf').then(function (pdf) {
 var totalPages = pdf.internal.getNumberOfPages(); 

 for (var i = 1; i <= totalPages; i++) {
   pdf.setPage(i);
   pdf.setFontSize(10);
   pdf.setTextColor(150);
   pdf.text('Page ' + i + ' of ' + totalPages, pdf.internal.pageSize.getWidth() - 100, 
   pdf.internal.pageSize.getHeight() - 30);
 } 
 }).save() 

正常。但是结果中未设置页眉和页脚。有人可以帮我解决这个问题吗?预先感谢。

javascript jspdf
1个回答
-1
投票

请访问以下链接,希望它对您有用!

https://stackblitz.com/edit/angular-printing-solution-example-3

© www.soinside.com 2019 - 2024. All rights reserved.