Iron Man Day 29 - jsPDF

by Sheng Huang Huang

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.3.2/jspdf.debug.js"></script>
<script src="https://cdn.rawgit.com/MrRio/jsPDF/master/libs/html2pdf.js"></script>
<script src="https://cdn.rawgit.com/MrRio/jsPDF/master/libs/html2canvas/dist/html2canvas.js"></script>
<h1>
  這是中文標題
</h1>
<p>
  這是內文
</p>
<button id="exportPDF">
  Export PDF
</button>

JavaScript

document.getElementById('exportPDF').addEventListener('click', function() {

  var doc = new jsPDF();
  html2canvas(document.body, {
    onrendered: function(canvas) {
      var image = canvas.toDataURL("image/png");
      doc.addImage(image, 'JPEG', 0, 0, canvas.width, canvas.height);
      doc.save('test.pdf');
    }
  });
});