html의 화면을 캡쳐해서 이미지로 변경하는 html2canvas와 pdf로 저장하는 jsPDF 라이브러리 소개
회사에서 업무를 진행하면서 현재 화면을 pdf로 만들어야하는 일이 있었다. 기존에 html을 pdf로 스프링에서 만드는 업무는 진행을 했었다. 이때는 이전에 포스팅을 했었으니 참고 하시면 좋을 것 같다. (Spring에서 html2pdf를 사용해서 pdf파일 만들기) 우선 현재 화면을 딱 캡쳐해서 image로 만드는 작업이 필요했다. 그 작업을 제공해주는 라이브러리가 바로 html2canvas이다. html2canvas 우선 html2canvas를 사용하기 위해 파일을 받아보자. npm install --save html2canvas 캡처를 진행하기 위해서는 캡처하고자 하는 영역을 selector로 위치를 받아서 지정할 수 있다. 우선 캡처를 진행할 화면을 간단하게 만들어보자. Hello world! W..
Spring framework에서 html을 pdf만들어 다운로드 하기
업무적으로 html 코드를 이용하여 pdf 파일로 내보내기 위해서 자료수집을 많이했다. 하지만 결론부터 이야기하면 원하는대로 다 되지는 않았다. 밑에 이야기 하겠지만 html을 pdf로 만들어주는 라이브러리가 정확하게 html모든 태그를 파싱하지 못할뿐만 아니라, css적용도 정상적으로 되지 않았다. 그래도 다시해본 결과!!!!! ( 이 글 쓰고나서 더 조사해본 결과.. 포기하지 마시길 )=> html2pdf를 사용하면 거의 대부분의 css를 적용할 수있다. 1. pom.xml 설정 itextpdf -> pdf를 생성하기 위해 필요한 라이브러리 xmlworker -> xml 파싱을 위해 필요한 라이브러리 html2pdf -> itext의 7버전을 사용하기 위해 필요한 라이브러리 12345678910111..