前端vue项目,把某个div盒子或当前页面生成pdf文件并下载。

本文介绍了在Vue项目中如何使用html2canvas和JsPDF库将特定div内容转换为PDF文件并进行下载。详细步骤包括:1. 引入相关库;2. 定义转换及保存PDF的方法;3. 在组件内调用方法,选择需要转换的dom元素;4. 提供完整代码示例。
摘要由CSDN通过智能技术生成

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’)

}

)

}

}

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值