我正在尝试制作一个 ionic 2 应用程序。我有一个使用 jsPDF 生成的 pdf。
同样的代码是
var doc = new jsPDF();
doc.setFontStyle('Bold');
doc.setFontSize(14);
doc.text('Testing PDFs', 20, 20);
现在我想保存在移动应用程序中打开的 PDF,
但是 doc.output('save', 'tester.pdf');
似乎在移动应用程序中不起作用。
请问我可以安装哪个插件来查看和分享新制作的pdf。
最佳答案
我认为通过外部 URL 包含脚本在 ionic 中可能不是一个好的选择。还有一种方法如下:
1-安装ng2-pdf-viewer模块
npm install ng2-pdf-viewer --save
并在您的 app.moudle.ts 中导入 PdfViewerComponent,如下所示:
2- 您可以安装 jspdf 模块,而不是通过外部 url 包含 jspdf.debug. js
npm install jspdf --save
3- 实现 ionic 复制自定义脚本
在 ionic 项目的根目录中创建脚本文件夹,并在脚本文件夹中创建一个名为 copy-custom-libs.js 的文件。
module.exports = {
copyCustomScript: {
src: ["{{ROOT}}/node_modules/jspdf/dist/jspdf.min.js"],
dest: "{{WWW}}/assets"
}
}
在 package.json 中,在底部添加配置属性,如下所示:
"config": {
"ionic_copy": "./scripts/copy-custom-libs.js"
}
更新 index.html 并从您的 Assets 文件夹中添加 jspdf.min.js。
<script src="assets/jspdf.min.js"></script>
4-最后,您可以编写如下代码:
此示例的源代码可在此处找到:ionic pdf viewer
希望对你有帮助,谢谢:)
关于javascript - 在 ionic 2 应用程序中打开 PDF 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43730612/