在 Angular 7 中，如何将应用程序页面转换为 PDF？

Question

在我的用户填写表单后，我想将页面呈现为 PDF。

HTML 到 PDF 有很多选项，我如何在内存中渲染页面并获取 innerHtml？还是有别的办法？

现在我正在手动构建 PDF。

Answer 1

尝试使用jspdf和html2canvas

安装这个包。

npm i jspdf
npm i html2canvas

ts 文件

import * as jsPDF from 'jspdf';
import h2c from 'html2canvas';

loadPDF() {
let doc = new jsPDF('p', 'pt', 'a4');
h2c(document.getElementById('pagePrintPdf')).then(function (canvas) {
  let width = doc.internal.pageSize.getWidth();
  let height = doc.internal.pageSize.getHeight();
  let dataURL = canvas.toDataURL('image/jpeg', 1.0);
  doc.addImage(dataURL, 'jpg', 0, 0, width, height, 'none');
  doc.save(`test.pdf`);
  });
}