import html2canvas from 'html2canvas';
import jsPDF from 'jspdf';
function generatePDF() {
const array = document.getElementsByClassName('draggable')
const content = array[0]
loading.value=true
html2canvas(content,{
scale: 2, // 提高渲染质量(但也会增加文件大小)
}).then(canvas => {
const imgData = canvas.toDataURL('image/png',1);
const width=content.offsetWidth
const height=content.offsetHeight
// 计算缩放比例(不会)
const pdf = new jsPDF({
// orientation: 'landscape',
orientation: 'portrait',
unit: 'px',
format:[canvas.width, canvas.height],
// format: 'a1',
});
loading.value=false
pdf.addImage(imgData, 'PNG', 0, 0, canvas.width, canvas.height);
pdf.save('推荐图谱.pdf');
});
}
vue3 生成pdf
最新推荐文章于 2024-12-23 14:01:20 发布