// 导出页面为PDF格式
import html2Canvas from 'html2canvas'
import JsPDF from 'jspdf'
export default{
install(Vue, options){
Vue.prototype.getPdf = function(){
var title = this.htmlTitle
html2Canvas (document.querySelector('#pefDom'),{
allowTait:true
}).then(function (canvas){
let contentWidth = canvas.width
let contentHeight = canvas.height
let pageHeight = contentWidth / 592.68 * 841.89
let leftHeight = contentHeight
let postion = 0
let imgWidth = 595.68
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,postiotion,imgWidth,imgHeight)
leftHeight -= pageHeight
position -= 841.89
if(leftHeight > 0){
PDF.addPage()
}
}
}
PDF.save(title + '.pdf')
})
}
}
} |
Java技术网站 → 『 Java开发技术 』 → 『 Web前端开发技术专题 』 → vue导出pdf格式文件
消息
查看
搜索
好友
邮件
复制
引用
IP: 已设置保密
