vue form表单天生PDF

安装依赖：
npm install --save html2canvas //将页面html转换成图片
npm install jspdf --save　 //将图片天生pdf
  
  yarn add html2canvas
  yarn add jspdf
  新建一个js文件 (pdf.js)

1. import html2canvas from 'html2canvas'
2. import jsPDF from 'jspdf'
4. export const downloadPDF = (page) => {
5.   html2canvas(page).then(function (canvas) {
6.     canvas2PDF(canvas)
7.   })
8. }
10. const canvas2PDF = (canvas) => {
11.   let contentWidth = canvas.width
12.   let contentHeight = canvas.height
14.   //a4纸的尺寸[595.28,841.89]，html页面生成的canvas在pdf中图片的宽高
15.   let imgWidth = 595.28
16.   let imgHeight = (592.28 / contentWidth) * contentHeight
18.   // 第一个参数： l：横向  p：纵向
19.   // 第二个参数：测量单位（"pt"，"mm", "cm", "m", "in" or "px"）
20.   let pdf = new jsPDF('p', 'pt')
22.   pdf.addImage(
23.     canvas.toDataURL('image/jpeg', 1.0),
24.     'JPEG',
25.     0,
26.     0,
27.    

复制代码