将 Html 表单呈现为 pdf答案

【问题标题】：rendering Html forms as pdf将 Html 表单呈现为 pdf
【发布时间】：2019-10-19 05:53:51
【问题描述】：

我有两个 html 表格（包含存储在变量中的动态内容）以及标题和段落。当用户点击下载 PDF 按钮时，他/她应该能够下载包含两个表格的两个页面的一个 PDF。

我已经阅读了很多文章，但我没有找到这个问题的明确答案。我应该使用 jspdf 还是 react-pdf 来解决这个问题？

我正在使用 react 前端和 Nodejs 后端。

【问题讨论】：

【解决方案1】：

https://github.com/MrRio/jsPDF

JSPDF 是在客户端将表格转换为 PDF 的完美解决方案。但是如果你想从后端做点什么

用于在后台渲染，并快速下载。

【讨论】：

问题是我想要一个两页的pdf（这是一个必要的要求）并且在npm和medium.com/@shivekkhurana/…上的pdfjs的工作示例中，多页不起作用。尝试从那篇文章下载多页，你会看到。
可以用 react-pdf 做同样的事情。我无法使用 react-pdf 将 html 内容呈现为 pdf。

【解决方案2】：

看起来您可以调用 componentDidMount() 中的 window.print() 方法来打印完整的 div，尽管通过脚本删除页脚可能是一个挑战。

将 html2canvas 与 jspdf 一起使用有一个主要缺点，即 pdf 会变得模糊，并且它们的清晰度会随着页面缩放而变化，因为它会截取该部分的屏幕截图。因此，您必须正确配置它或在质量上妥协。

【讨论】：