html2canvas
    jspdf

    1. // 邮件插入阿里信用名片和T/T账户信息
    3. import html2Canvas from'html2canvas'
    4. import JsPDF from'jspdf'
    6. // 将base64转换为文件对象
    7. constdataURLtoFile=(dataurl,filename)=>{
    8.   letarr=dataurl.split(',')
    9.   letmime=arr[0].match(/:(.*?);/)[1]
    10.   letbstr=atob(arr[1])
    11.   letn=bstr.length
    12.   letu8arr=newUint8Array(n)
    13.   while (n--) {
    14.       u8arr[n] =bstr.charCodeAt(n)
    15.   }
    16.   // 转换成file对象
    17.   returnnewFile([u8arr],filename,{type:mime})
    18.   // 转换成成blob对象
    19.   // return new Blob([u8arr],{type:mime});
    20. }
    21. // 导出页面为PDF格式
    22. exportdefaultfunctionhtmlToPdf(element,fileName,callback=null){
    23.   html2Canvas(element,{
    24.     allowTaint:true,// 允许污染
    25.     scale:2// 画质
    26.   }).then(function(canvas){
    27.     letcontentWidth=canvas.width
    28.     letcontentHeight=canvas.height
    29.     letpageHeight=contentWidth/592.28*841.89
    30.     letleftHeight=contentHeight
    31.     letposition=0
    32.     letimgWidth=595.28
    33.     letimgHeight=592.28/contentWidth*contentHeight
    34.     letpageData=canvas.toDataURL('image/jpeg',1.0)
    35.     letPDF=newJsPDF('','pt','a4')
    36.     if (leftHeight<pageHeight) {
    37.         PDF.addImage(pageData,'JPEG',0,0,imgWidth,imgHeight)
    38.     }else{
    39.         while (leftHeight>0) {
    40.         PDF.addImage(pageData,'JPEG',0,position,imgWidth,imgHeight)
    41.         leftHeight-=pageHeight
    42.         position-=841.89
    43.         if (leftHeight>0) {
    44.           PDF.addPage()
    45.         }
    46.       }
    47.     }
    48.     // 将pdf输入为base格式的字符串
    49.     letbuffer=PDF.output('datauristring')
    50.     // 将base64格式的字符串转换为file文件
    51.     letmyfile=dataURLtoFile(buffer,fileName+'.pdf')
    52.     letfilelist= [myfile]
    53.     callback&&callback(filelist)
    54.     // PDF.save(fileName + '.pdf') // 保存本地pdf
    55.   })
    56. }
    57. exportfunctionhtmlToPdfSave(element,fileName,callback=null){
    58.   html2Canvas(element,{
    59.     allowTaint:true,// 允许污染
    60.     scale:2// 画质
    61.   }).then(function(canvas){
    62.     letcontentWidth=canvas.width
    63.     letcontentHeight=canvas.height
    64.     letpageHeight=contentWidth/592.28*841.89
    65.     letleftHeight=contentHeight
    66.     letposition=0
    67.     letimgWidth=595.28
    68.     letimgHeight=592.28/contentWidth*contentHeight
    69.     letpageData=canvas.toDataURL('image/jpeg',1.0)
    70.     letPDF=newJsPDF('','pt','a4')
    71.     if (leftHeight<pageHeight) {
    72.         PDF.addImage(pageData,'JPEG',0,0,imgWidth,imgHeight)
    73.     }else{
    74.       while (leftHeight>0) {
    75.         PDF.addImage(pageData,'JPEG',0,position,imgWidth,imgHeight)
    76.         leftHeight-=pageHeight
    77.         position-=841.89
    78.         if (leftHeight>0) {
    79.             PDF.addPage()
    80.         }
    81.       }
    82.     }
    83.     // 将pdf输入为base格式的字符串
    84.     letbuffer=PDF.output('datauristring')
    85.     // 将base64格式的字符串转换为file文件
    86.     letmyfile=dataURLtoFile(buffer,fileName+'.pdf')
    87.     letfilelist= [myfile]
    88.     PDF.save(fileName+'.pdf') // 保存本地pdf
    89.   })
    90. }