截取React应用程序并将其生成为PDF

我想从我的React应用程序生成PDF，最简单的方法可能是截取我的应用程序/理想情况下div的当前状态并保存它作为PDF ......我似乎无法找到如何做到这一点的最佳方式。截取React应用程序并将其生成为PDF

任何想法？

来源

2017-04-13 Majki

怎么样的组合：

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

和

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

从html2canvas提供的画布，你可以将其转换为与.toDataUrl图像（），然后用需要base64图像的.addImage（）方法将其提供给jsPDF。

来源

2017-04-13 10:26:59

这听起来像一个好主意......只是不知道如何将库，这样在我的reactjs应用程序...一个新手:) – Majki

没问题，位如果您使用的WebPack双方可在NPM ：[html2canvas]（https://www.npmjs.com/package/html2canvas）[jspdf]（https://www.npmjs.com/package/jspdf）如果您只是在页面上添加React， CDN链接在上面的链接。 –

我刚刚发布了关于相同的[这里]（https://stackoverflow.com/a/45017234/1587695）的详细解答。希望能帮助到你。 –

截取React应用程序并将其生成为PDF

回答

相关问题