DEV Community

Cover image for Membuat laporan pdf dengan html to pdf js
Eko Priyanto
Eko Priyanto

Posted on

Membuat laporan pdf dengan html to pdf js

<!DOCTYPE html>
<html>
<head>
 <style type="text/css">
 #element-to-print {
 background-color: green;
 height: 50px;
 }
 </style>
</head>
<body>
<button id="generate">Create PDF</button>
<button id="generateCanvas">Create Canvas</button>
<div id="element-to-print">
 Element to print.
</div>
<script type="text/javascript" src="https://rawgit.com/eKoopmans/html2pdf/master/dist/html2pdf.bundle.min.js"></script>
<script type="text/javascript" src="https://github.com/niklasvh/html2canvas/releases/download/v1.0.0-alpha.12/html2canvas.min.js"></script>
<script type="text/javascript">

document.getElementById('generate').onclick = function () {
 // Your html2pdf code here.
 var element = document.getElementById('element-to-print');
 html2pdf(element);
};
document.getElementById('generateCanvas').onclick = function () {
 var element = document.getElementById('element-to-print');
 html2canvas(element).then(function (canvas) {
 document.body.appendChild(canvas);
 });
};
</script>
 </body>
</html>
Enter fullscreen mode Exit fullscreen mode

Top comments (0)

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay