截取 React 应用程序的屏幕截图并将其生成为 PDF

Mic*_*ela 5 javascript pdf-generation screenshot reactjs

我想从我的 React 应用程序生成一个 PDF,最简单的方法可能是截取我的应用程序当前状态的屏幕截图/理想情况下是一个 div 并将其另存为 PDF ......我似乎不是能够找到最好的方法来做到这一点。

有任何想法吗?

小智 1

怎么样的组合:

html2canvas: https: //html2canvas.hertzen.com/

jsPDF: https: //parall.ax/products/jspdf

从 html2canvas 提供的画布中,您可以使用 .toDataUrl() 将其转换为图像,然后使用需要 Base64 图像的 .addImage() 方法将其输入到 jsPDF 中。

  • 我刚刚在[此处](/sf/answers/3151206411/)发布了有关相同内容的详细答案。希望能帮助到你。 (2认同)