<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