html2pdf.js1

• 

  HTML to PDF 변환기 (3) 이번 포스팅에서는 지난 시간에 개발한 HtmlToPdfConverter 를 사용하는 caller 쪽 코드를 살펴보려고 한다. 변환하고자 하는 html template 나는 변환하고자 하는 html template 코드를 Vue 컴포넌트로 작성하였다. 아래는 InvoiceBill.vue 의 전체 코드이다. template 코드 가장 바깥을 감싸는 div 태그에 ref="pdfArea" 를 작성하였다. 해당 Vue 컴포넌트를 임포트 할 소스에서 pdfArea 의 ref 명으로 PDF 변환 대상 HTML element 를 가져올 것이다. 그리고, 아래는 샘플 코드이기 때문에 테이블 본문의 th 나 td 의 내용을 고정 텍스트로 작성하였지만, {{item.title}} 의 h1 태그 내용과 같이 props da.. Front-end 2023. 5. 21.