async downPdf() {
let ele = this.$el.querySelector("#content")
let eleWidth = this.$el.querySelector("#content").offsetWidth
let eleHeight = this.$el.querySelector("#content").offsetHeight
const canvas = await html2canvas(ele, {
allowTaint: true,
useCORS: true
});
let pdf
let pdfWidth
let pdfHeight
// 判断横版 || 竖版
if (eleWidth > eleHeight) {
pdf = new jsPDF("l", "pt", "a4");
pdfWidth = 841.89;
pdfHeight = 595.28;
} else {
pdf = new jsPDF("0", "pt", "a4");
//pdf页面偏移
pdfWidth = 595.28;
pdfHeight = 841.89;
}
let position = 0;
const imgData = canvas.toDataURL("image/jpeg", 1.0);
pdf.addImage(imgData, "JPEG", 0, position, pdfWidth, pdfHeight);
pdf.save(name.pdf")
}
vue3使用html2canvas导出pdf横版竖版方案
最新推荐文章于 2024-04-30 15:11:47 发布