티스토리 뷰
PDFMake를 이용해서 테이블을 만들 수 있지만, 복잡한 테이블을 생성하려니 매우 번거로운 작업이었다.
따라서 특정 영역을 이미지로 캡쳐하여 pdf로 생성하는 방법을 택했다.
사용한 API
1. PDFMake : pdf를 생성한다.
2. html2canvas : 웹페이지 상의 요소를 캡쳐, 이미지로 저장한다.
구현 방법
- capture 할 요소들을 이미지로 변환하여 pdf로 생성될 content 리스트에 추가해준다.
- 마지막 요소인 경우, pdf를 생성, 다운로드 한다.
- 4번째 요소마다 다음 페이지로 넘긴다.
- 한글을 출력하기 위해서는 font를 포함한 새로운 vfs_fonts.js 파일을 생성해야 한다.
참고) https://github.com/bpampuch/pdfmake/issues/33
결과
'JavaScript' 카테고리의 다른 글
| 자바스크립트 패턴 - 객체 생성 패턴 (0) | 2017.10.28 |
|---|---|
| 자바스크립트 패턴 - 함수 (0) | 2017.09.24 |
| 자바스크립트 패턴 - 리터럴과 생성자 (0) | 2017.09.23 |
| 자바스크립트 패턴 - 코드 작성 기초 (0) | 2017.09.22 |
| observer pattern (0) | 2017.07.22 |