javascript - 在 ionic 2 应用程序中打开 PDF 文件

Question

我正在尝试制作一个 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。

Answer 1

我认为通过外部 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

希望对你有帮助，谢谢:)