我需要在 Angular 的每个 pdf 页面中添加一些设计的页脚

Question

我通过在 Angular 10 中使用jspdf和html2canvas将 html 转换为 pdf。但是addHtml和fromHtml不起作用。 如何为每个页面添加带有一些设计的页脚？

这是我的代码。

var data = document.getElementById('contentToConvert');
html2canvas(data).then((canvas) => {
  var imgWidth = 208;
  var pageHeight = 295;
  var imgHeight = (canvas.height * imgWidth) / canvas.width;
  var heightLeft = imgHeight;

  const contentDataURL = canvas.toDataURL('image/png');

  let pdf = new jspdf('p', 'mm', 'a4');
  var position = 0;
  pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight);
  heightLeft -= pageHeight;
  while (heightLeft >= 0) {
    position = heightLeft - imgHeight - 2;
    pdf.addPage();
    pdf.addImage(contentDataURL, 'PNG', 0, position, imgWidth, imgHeight);
    heightLeft -= pageHeight;
  }
  pdf.save('report.pdf');
});