html2pdf를 이용한 웹페이지 PDF로 저장하기

<script src="es6-promise.min.js"></script>
<script src="jspdf.umd.min.js"></script>
<script src="html2canvas.min.js"></script>
<script src="html2pdf.bundle.min.js"></script>

<script>
function save_pdf()
{
	var element = document.getElementById('div_pdf');
	var opt = {
	  margin:       10,
	  filename:     'filename.pdf',
	  image:        { type: 'jpeg', quality: 1 },
	  html2canvas:  { scale: 1 },
	  jsPDF: {orientation: 'portrait', unit: 'mm', format: 'a4', compressPDF: true}	
	};

	// New Promise-based usage:
	html2pdf().set(opt).from(element).save();

}
</script>


<div id="div_pdf">
<h1>html2pdf를 이용한 웹페이지 PDF로 저장하기</h1><br>
<h2>html2pdf를 이용한 웹페이지 PDF로 저장하기</h2><br>
<h3>html2pdf를 이용한 웹페이지 PDF로 저장하기</h3><br>
</div>


<input type="button" value="PDF 저장하기" onclick="save_pdf()" >

 

2017.04.06 - [분류 전체보기] - jpg파일 pdf로 파일변환

jpg파일 pdf로 파일변환

2021.06.20 - [분류 전체보기] - PDF를 웹에서 바로 볼수있는 javascript 플러그인

PDF를 웹에서 바로 볼수있는 javascript 플러그인