2017-04-13 8 views
2

React AppからPDFを生成したいのですが、最も簡単な方法はおそらく私のアプリの現在の状態/理想的なdivのスクリーンショットを撮って保存することでしょうPDFとして...私はちょうどそれを行うには最良の方法を見つけることができるようではありません。Reactアプリのスクリーンショットを取ってPDFとして生成

アイデア?

の組み合わせについて、どのように

答えて

0

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

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

html2canvasが提供するキャンバスから、あなたは.toDataUrlで画像に変換することができます()を呼び出し、base64イメージを必要とする.addImage()メソッドを使用してjsPDFにそれを送ります。

+0

私reactjsアプリにのようなライブラリを含める方法だけでわからない...良いアイデアのように聞こえる...初心者のビット:) – Majki

+0

問題ありません、 あなたは両方のWebPACKを使用している場合は、NPMでご利用いただけます:[html2canvas](https://www.npmjs.com/package/html2canvas)[jspdf](https://www.npmjs.com/package/jspdf) ページにReactを含めるだけであれば上記のリンクのCDNリンク。 –

+0

私はちょうど同じ[ここ](https://stackoverflow.com/a/45017234/1587695)に関する詳細な回答を投稿しました。それが役に立てば幸い。 –

関連する問題