如何在 Vuejs 中从 html 和 css 生成 pdf?

How to generate pdf from html and css in Vuejs?

我正在使用 Vuejs 开发一个工具 "Resume Builder"。有没有更好的方法从 html 和 css 生成 pdf(简历)。我使用了 jsPdf Library 但没有得到预期的结果。我想在生成的 pdf 中保持 html "a" 标签可点击。我也尝试过 html2canvas.js 但由于 pdf 中的图像,"a" 标签不可点击。 jsPdf 正在生成 pdf 但未应用 css.

您可能想尝试一下 Pdf。

PDF Make on Github

它支持样式和链接。但是您必须自己完成大部分样式设置。

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

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

我建议您研究一种从 HTML 生成 PDF 的不同方法,因为所有用于 HTML 到 PDF 生成的 client-side 库在生成非常复杂的文件时都存在很多问题具有大量格式等的文档

另一种方法是在 server-side 上自行生成 PDF。例如,您可以利用后端管理的 Headless Chrome 将任何 HTML 转换为 PDF。

我们使用非常相似的方法为此 free resume builder 服务实现 pdf 生成。我们面临的唯一缺点是,不同的浏览器(如 Firefox 或 IE)偶尔显示的 HTML 文档可能与打印出的 PDF 文件 Chrome 略有不同。祝你好运!