vue将页面或元素转换为pdf

1、安装插件  jspdf-html2canvas

npm i jspdf-html2canvas --save

2、使用

import html2PDF from 'jspdf-html2canvas'


printingPage() {
      const page = document.querySelector('.printingPage')//选择的元素
      // page 元素背景设成#FFF,解决打印处理黑边问题

      html2PDF(page, {
        jsPDF: {
          unit: 'pt',
          format: 'a4'
        },
        imageType: 'image/jpeg',
        success: function(pdf) {
          window.scrollTo(0, document.body.scrollHeight)
          pdf.save('pdf名称' + '.pdf')
        }

      })
    },

 

posted @ 2020-11-11 13:16  (⊙o⊙)买噶  阅读(833)  评论(0编辑  收藏  举报