javascript - 使用 Nativescript-VueJS 将当前渲染视图/模板导出为 PDF

Question

使用 NativeScript + VueJS，我试图找到一种方法来获取基于道具和路线数据呈现的动态模板，然后点击一个按钮将“视图”作为 PDF 保存到文件系统。

我在这里找到了本教程，这让我有了一个开始：https ://medium.com/@kumarandena/pdf-generation-in-nativescript-using-javascript-libraries-864ecf4e9a3a

这会生成一个 Base64，然后您将其复制到剪贴板并在浏览器中打开。例如，在 iOS 中，如果我选择将页面保存为文件，则它只是unknown.pdf. 所以我的目标是引用一个 html 元素，比如一个 div，并将所有内容完全保存到我在本机文件系统中选择的文件夹中。

在这方面几乎没有什么可以找到的，所以想知道是否有人已经做到了这一点。

标签： javascriptnativescripthtml2pdfnativescript-vue

Answer 1

我使用domtoimage 将任何 dom 元素转换为图像，并且效果很好。然后，您可以使用 jsPDF 或 pdfMake 将该图像插入到 pdf 中。

我在pdfMake 操场上看到您可以插入具有 dataurl 格式的图像。