Javascript를 통한 HTML PDF 변환

화낼거양's avatar
Feb 28, 2025
Javascript를 통한 HTML PDF 변환
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script> <script type="text/javascript"> $(function() { $('.report-result .download').click(function(e) { e.preventDefault(); html2canvas($("#pdf-body"), { background :"#FFFFFF", onrendered : function(canvas) { var imgData = canvas.toDataURL('image/png'); var imgWidth = 190; var pageHeight = imgWidth * 1.414; var imgHeight = canvas.height * imgWidth / canvas.width; var heightLeft = imgHeight; var margin = 10; var doc = new jsPDF('p', 'mm'); var position = 0; doc.addImage(imgData, 'PNG', margin, position, imgWidth, imgHeight); heightLeft -= pageHeight; while (heightLeft >= 20) { position = heightLeft - imgHeight; doc.addPage(); doc.addImage(imgData, 'PNG', margin, position, imgWidth, imgHeight); heightLeft -= pageHeight; } doc.save('pdf-'+(new Date().getTime())+'.pdf'); } }); }); }); </script> [출처] javascript를 통한 HTML PDF 변환|작성자 그루터기
Share article

moohyun