使用 es6 来结合 jsPDF 和 html2canvas？

Question

我正在尝试使用es6编写jsPDF和html2canvas。

我已经导入了html2canvas和jsPDF，但在addHTML上遇到了错误。当我注释掉addHTML时，pdf文件可以生成。

不知道问题出在哪里？

谢谢。

jspdf.debug.js:3754未捕获的错误：您需要https://github.com/niklasvh/html2canvas或https://github.com/cburgmer/rasterizeHTML.js（...）jsPDFAPI.addHTML @ jspdf.debug.js:3754(anonymous function) @ index.js:12(anonymous function) @ bundle.js?V1.27.2:31546(anonymous function) @ bundle.js?V1.27.2:31547__webpack_require__ @ bootstrap f7845b2…:555fn @ bootstrap f7845b2…:86(anonymous function) @ bootstrap f7845b2…:578__webpack_require__ @ bootstrap f7845b2…:555(anonymous function) @ bootstrap f7845b2…:578(anonymous function) @ bootstrap f7845b2…:578

import html2canvas from 'html2canvas';
import jsPDF from 'jspdf';

doc.setFontSize(40);
doc.text(35, 25, "Paranyan loves jsPDF");

doc.addHTML(document.footer,function() {
     pdf.save('web.pdf');
});

<footer>
 <p id="to-pdf">HTML content...</p>
</footer>

- user2428524

---

想知道您是否解决了这个问题。 - TheNastyOne

Answer 1

将以下脚本包含在index.html中，而不是在typescript文件中导入 <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.js"></script> 将原始答案翻译为"最初的回答"

- Sravan Ch

Answer 2

来自 https://github.com/MrRio/jsPDF/issues/1225：

jsPDF 需要在 window 上安装 html2canvas：

window.html2canvas = html2canvas

- TheNastyOne

Answer 3

除了调用 window.，您还可以将导入修改为以下形式：import * as jsPDF from 'jspdf'

- Matt Saunders