2017-04-13 9 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

그게 내 생각으로는 ... 내 반응 애플 리케이션에 라이브러리를 포함시키는 법을 모르겠다. ... – 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)에 대한 자세한 답변을 올렸습니다. 희망이 도움이됩니다. –