html2pdf.js : HTML 페이지를 PDF 파일로 다운로드 하는 소스코드
> HTML 페이지 소스코드
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>HTML to PDF</title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2pdf.js/0.10.1/html2pdf.bundle.min.js" integrity="sha512-GsLlZN/3F2ErC5ifS5QtgpiJtWd43JWSuIgh7mbzZ8zBps+dvLusV+eNQATqgA/HdeKFVgA5v3S/cIrLF7QnIg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
</head>
<body>
<div id="pdf-contents">
PDF에 들어가는 내용입니다.
</div>
</body>
</html>
> PDF 다운로드 자바스크립트 소스코드
const element = document.getElementById('pdf-contents');
const options = {
margin: [10, 10, 10, 10], // top, right, bottom, left 마진 여백
filename: 'PDF파일명', // PDF 파일 명
pagebreak: { mode: 'avoid-all' }, // pagebreak 옵션
image: { type: 'jpeg', quality: 2 }, // 이미지 퀄리티 (pdf 퀄리티)
html2canvas: { // html2canvas 옵션
useCORS: true, // 영역 안에 로컬 이미지를 삽입 할 때 옵션 필요
scrollY: 0, // 스크롤 이슈 '0'으로 설정
scale: 1, // browsers device pixel ratio
dpi: 300,
letterRendering: true,
allowTaint: false, // useCORS를 true로 설정 시 -> allowTaint를 false로 설정
},
jsPDF: {
orientation: 'landscape', // portrait : 세로, landscape : 가로
unit: 'mm',
format: 'a3' // 종이 크기 형식 a3, a4 ...
},
};
html2pdf(element, options);
> 맞춤형 솔루션 제작
맞춤형 웹솔루션 전문 제작, 프로그램 제작, 맞춤형 홈페이지 제작, 온라인 제작 상담, 견적서 발행
https://www.kiwisoft.kr
www.kiwisoft.kr
'프로그래밍 > PHP' 카테고리의 다른 글
| PHP 클래스(CLASS) 사용 방법 (0) | 2024.11.22 |
|---|---|
| PHP 오류 내용 웹페이지에 출력하기 (0) | 2024.09.17 |
| PHP cURL POST 전송 사용법 예제 (0) | 2020.11.26 |
| [PHP] 로그인 비밀번호 암호화 처리 (8) | 2016.01.11 |
| [PHP] 파일업로드 기능 소스 코드 및 변수 정리 (6) | 2016.01.07 |