jspdf.js+html2canvas将HTMl导出PDF

jspdf.js+html2canvas将HTMl导出PDF

---

功能：

1. PDF分页插入页头页尾
2. 输出A4格式PDF
3. 支持单页、多页输出

---

效果预览：
查看演示PDF
demo地址：
demo

---

需要引入JS的文件：

<script src="https://unpkg.com/jspdf@1.5.3/dist/jspdf.min.js"></script>
<script src="http://html2canvas.hertzen.com/dist/html2canvas.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vxe-table-plugin-export-pdf/fonts/source-han-sans-normal.js"></script>

主要代码如下：

function pdfMap() {
   
html2canvas(document.querySelector("img")).then(canvas => {
   
  //console.log(canvas)
  var contentWidth = canvas.width;
  var contentHeight = canvas.height;
  //一页pdf显示html页面生成的canvas高度;
  var pageHeight = contentWidth /