码迷,mamicode.com
首页 > 其他好文 > 详细

vue将页面或元素转换为pdf

时间:2020-11-17 12:23:18      阅读:5      评论:0      收藏:0      [点我收藏+]

标签:int   解决   span   height   page   tin   插件   bsp   处理   

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‘)
        }

      })
    },

 

vue将页面或元素转换为pdf

标签:int   解决   span   height   page   tin   插件   bsp   处理   

原文地址:https://www.cnblogs.com/hellowoeld/p/13958187.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!