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

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

我在这里找到了这个教程，它给了我一个开始：

这将生成Base64，然后将其复制到剪贴板并在浏览器中打开。例如，在iOS中，如果我选择将页面另存为文件，它只是

unknown.pdf

。因此，我的目标是引用一个html元素，如div，并将所有内容完全按其显示方式保存到本机文件系统中我选择的文件夹中

在这方面几乎找不到什么，所以怀疑是否有人完成了这项工作

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

我在中看到，您可以插入具有dataurl格式的图像。

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

---

我在中看到，您可以插入具有dataurl格式的图像。

您的UI既不是HTML Dom，也不是在Web视图中运行，因此您无法将其导出为PDF，可能是您可以将其另存为图像并将图像嵌入到PDF中。我已将其保存为基本PDF，但不是HTML内容。我希望能够使用nativescript中的

HtmlView

生成内容。这就是我现在所处的位置。如果你的目标是将HTML源代码从HtmlView/WebView转换为PDF，你可以尝试插件。@Manoj我确实看过，但目前只有Android受支持。我正在使用JsPdf，我很快就会知道它是否能正确保存它。但是，我假设我会遇到样式问题。您的UI既不是HTML Dom，也不是在WebView中运行，因此您无法将其导出为PDF，可能是您可以将其保存为图像并将图像嵌入到PDF中。我将其保存为基本PDF，但不是HTML内容。我希望能够使用nativescript中的

HtmlView

生成内容。这就是我现在所处的位置。如果你的目标是将HTML源代码从HtmlView/WebView转换为PDF，你可以尝试插件。@Manoj我确实看过，但目前只有Android受支持。我正在使用JsPdf，我很快就会知道它是否能正确保存它。不过，我会假设我会遇到样式问题。