자바스크립트[javscript] PDF변환 라이브러리 jspdf

<script type = "text/javascript" src = "https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script>

jspdf 사용해봤는데.

<script type = "text/javascript" src = "https://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>

html2canvas.min.js를 같이 사용해야 한글 출력가능하다. 

$(document).ready(function() {

	$('#create_pdf').click(function() {
	
		let len = 49;
		for (let i = 0; i <= len; i++){
			//var elementHTML = $('.page' + i).html();
			
		
						html2canvas($('.page' + i)[0])
						.then(function(canvas) {
							var imgData = canvas.toDataURL('image/png'); //캔버스를 이미지로 변환
							doc.addImage(imgData, 'PNG', 0, 0); //이미지를 기반으로 pdf생성
								if (i == len){
									//doc.save('sample-file.pdf');
									window.open(doc.output('bloburl'), '_blank');
								}else{
									doc.addPage();
								}
				  });
		}		  
	});
});
</script>
<button id = "create_pdf">
  pdf 생성
</button>

<div class=page + i> 원하는만큼 반복해서 만들어 놓으면 그걸 pdf로 변환한다 클릭해서

</div>

 

캡처화면으로 찍어서 그걸 pdf로 변환하는 방식인데 다좋은데 pdf변환까지 너무느림...