如何使用 jspdf 和 html2canvas 获取生成的 pdf 的文件大小（以字节为单位）angular

Question

我目前正在使用 html2canvas 和 jspdf 将 html 页面转换为 PDF。我想以字节为单位检索文件大小，以将其显示在用户的屏幕上。如果有人知道一种方便的方法，那将会很有帮助。感谢您的帮助:)

这里是将 html 转换为 PDF 的代码：

 exportPDF() {
const data = document.getElementById("content");
html2canvas(data).then(canvas => {
  // Few necessary setting options
  const imgWidth = 208;
  const imgHeight = (canvas.height * imgWidth) / canvas.width;

  const contentDataURL = canvas.toDataURL("image/png");
  const pdf = new jsPDF("p", "mm", "a4"); // A4 size page of PDF
  const position = 0;
  pdf.addImage(contentDataURL, "PNG", 0, position, imgWidth, imgHeight);
  pdf.save("file.pdf"); // Generated PDF
});

}

Answer 1

使用 blob 输出它，像这样。

  let blob = pdf.output("blob");
  console.log(blob.size);
  pdf.save("file.pdf"); // Generated PDF

如何使用 jspdf 和 html2canvas 获取生成的 pdf 的文件大小（以字节为单位）angular

How to get the file size of a generated pdf (in bytes) angular using jspdf and html2canvas

html2canvas

jspdf

angular