如何在 Vuejs 中从 html 和 css 生成 pdf？答案

【问题标题】：How to generate pdf from html and css in Vuejs?如何在 Vuejs 中从 html 和 css 生成 pdf？
【发布时间】：2019-03-08 03:21:17
【问题描述】：

我正在使用 Vuejs 开发一个工具“简历生成器”。有没有更好的方法从 html 和 css 生成 pdf（简历）。我使用了 jsPdf 库，但没有得到想要的结果。我想在生成的 pdf 中保持 html“a”标签可点击。我也尝试过 html2canvas.js，但由于 pdf 中的图像，“a”标签不可点击。 jsPdf 正在生成 pdf 但不应用 css。

【问题讨论】：

标签： javascript vue.js frameworks quasar

【解决方案1】：

我建议您研究一种从 HTML 生成 PDF 的不同方法，因为所有用于 HTML 到 PDF 生成的客户端库在生成具有大量格式等的非常复杂的文档时都会出现很多问题。

另一种方法是在服务器端执行 PDF 生成。例如，您可以利用后端管理的 Headless Chrome 将任何 HTML 转换为 PDF。

我们使用了一种非常相似的方法来为这个free resume builder 服务实现pdf 生成。我们面临的唯一缺点是不同的浏览器（如 Firefox 或 IE）可能偶尔显示的 HTML 文档与以 PDF bu Chrome 打印出来的有点不同。祝你好运！

【讨论】：

【解决方案2】：

您可能想尝试一下 Pdf。

PDF Make on Github

它支持样式和链接。但是你必须自己做大部分的造型。

【讨论】：

【解决方案3】：

我发现 Kendo UI 是 DOM 中最好的 pdf api。

https://docs.telerik.com/kendo-ui/framework/drawing/drawing-dom

【讨论】：