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

发布时间：2020-12-17 08:00:43 所属栏目：安全来源：网络整理

导读：我想将我的HTML模板的一部分转换为PDF文件,以便用户可以选择下载它. (例如,他们点击按钮后). 我找到了一个名为jsPDF的库,如何在Angular2应用程序(RC4)中使用jsPDF？谢谢如果你想在生产中使用它,你绝对不希望依赖于你的index.html中引用的互联网链接,就像@k

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

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

谢谢

如果你想在生产中使用它,你绝对不希望依赖于你的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安装dt~jspdf –global –save

最后,将其导入component.ts文件中

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!