将浏览器窗口的打印部分打印为PDF并发送到服务器进行传真

Question

就像标题中所说的，我需要将浏览器窗口的一部分打印为PDF，然后将其发送到服务器，以便可以进行传真。 我已经找到了传真服务，所以真正的问题在于弄清楚如何生成pdf文件。 我想出了几种方法可以做到这一点，但是所有这些方法都有很大的缺点。 他们是：

• 在单击按钮时使用window.print()以及打印介质查询，并让用户下载生成的PDF并重新上传以进行传真。 问题是这是一个多步骤的过程，我的用户希望只单击一个按钮
• 使用jspdf之类的库来生成pdf，输出到字节数组并将其上传到服务器。 这将起作用，但是看起来很糟糕，因为我丢失了所有样式，并且将不应用我的打印媒体查询。 到目前为止，这是我最好的选择
• 渲染HTML服务器端并从中生成PDF。 这将很好地工作，但是它需要复制我在客户端完成的所有工作（这是一个SPA应用程序）以及复制维护。
• 使用渲染服务或库在无头浏览器中运行客户端应用程序，并从该输出生成PDF。 从安全角度来看，这将非常复杂，因为该应用程序位于登录页面的后面。

我会很感激上面未列出的任何建议，以及关于如何消除这些选项带来的弊端的任何建议。 提前致谢！

Answer 1

看起来像使用jspdf渲染PDF以及html2canvas的库将可打印区域转换为图像以保留样式一样，可以完成工作。 正确配置所有内容已花费了一些工作（并且我还没有完成），但是我相信该解决方案将是有效的。