pdf - 使用 angular2/typescript 从 html 生成 PDF 文件

Question

我想将我的 HTML 模板的一部分转换为 PDF 文件，以便用户可以选择下载它。 (例如，在他们点击按钮之后)。

我找到了一个名为 jsPDF 的库，我该如何在 Angular2 应用程序 (RC4) 中使用 jsPDF？

谢谢

Answer 1

如果您想在生产中使用它，您肯定不想依赖 index.html 中引用的互联网链接，就像@khalil_diouri 所建议的那样。

因此，要在 Angular2/Typescript 环境中正确使用它， 首先从 npm 安装它

npm install --save jspdf

如果您使用的是 SystemJS，请将其映射到您的配置文件中

map: {
    "jspdf": "node_modules/jspdf/dist/jspdf.min.js"
}

安装定义包:(如果没有安装)

npm install typings --global

安装定义文件:

typings install dt~jspdf --global --save

最后，将其导入到您的 component.ts 文件中

import jsPDF from 'jspdf'
...
    let doc = new jsPDF();
    doc.text(20,20,'Hello world');
    doc.save('Test.pdf');
...