zoukankan      html  css  js  c++  java
  • vue将网页中的特定部分转成pdf并下载(仅供个人学习记录)

    
    

    先安装支持

    将页面html转换成图片
    npm install --save html2canvas
    将图片生成pdf
    npm install jspdf --save

    组件引用:

    import html2Canvas from 'html2canvas'
    import JsPDF from 'jspdf'

    //
    将特定部分转成pdf并下载 getPdf () { var title = this.title; html2Canvas(document.querySelector('#pdfDom'), { allowTaint: true }).then(function (canvas) { let contentWidth = canvas.width let contentHeight = canvas.height let pageHeight = contentWidth / 592.28 * 841.89 let leftHeight = contentHeight let position = 0 let imgWidth = 595.28 let imgHeight = 592.28 / contentWidth * contentHeight let pageData = canvas.toDataURL('image/jpeg', 1.0) let PDF = new JsPDF('', 'pt', 'a4') if (leftHeight < pageHeight) { PDF.addImage(pageData, 'JPEG', 0, 0, imgWidth, imgHeight) } else { while (leftHeight > 0) { PDF.addImage(pageData, 'JPEG', 0, position, imgWidth, imgHeight) leftHeight -= pageHeight position -= 841.89 if (leftHeight > 0) { PDF.addPage() } } } PDF.save(title + '.pdf') } ) },
  • 相关阅读:
    vi
    head
    uniq
    sort
    所谓静态绑定
    债务
    不确
    tar
    VMWare虚拟系统上网设置 及 三种模式详解
    awk
  • 原文地址:https://www.cnblogs.com/zhangtianqi520/p/9323873.html
Copyright © 2011-2022 走看看