使用jsPDF和html2canvas将Angular Multipe选项卡内容合并为一个PDF

Question

我正在使用angular 5，我想将不同选项卡的pdf创建为一个PDF。我尝试使用jsPDF，但是只有活动的div标签内容才被存储，并且对于具有不同ID的另一个div，它给出以下错误。

错误错误：未捕获（承诺）：错误：提供的数据不是有效的base64字符串jsPDF.convertStringToImageData

请让我知道这是否可以实现。

谢谢 提要。

Answer 1

您可以像这样使用html2pdf：

首先，您需要npm安装它

npm i html2pdf.js --save

然后将其导入您的组件中

import * as html2pdf from 'html2pdf.js';

第二个您像这样使用它：

let content = `some html`;

const opt = {
  margin: 1,
  filename: 'pdf_Name.pdf',
  image: { type: 'jpeg', quality: 1 },
  html2canvas: { scale: 2 },
  jsPDF: { unit: 'in', format: 'A4', orientation: 'portrait' }
};

// Save the PDF
html2pdf().set(opt).from(content).save();