exportPDF() {
const printContent = document.querySelector('#print-content');
const filename = 'export.pdf';
// 获取页面中需要导出的元素的宽度和高度
const width = printContent.offsetWidth;
const height = printContent.offsetHeight;
// 根据容器的宽高计算出需要生成的 PDF 文件的尺寸
const pdfWidth = width * 0.264; // 0.264 毫米/像素,将像素转换为毫米
const pdfHeight = height * 0.264;
// 创建 PDF 实例,并设置其宽度和高度
const pdf = new jsPDF('l', 'mm', [pdfHeight, pdfWidth]);
// 利用 html2canvas 将页面中需要导出的元素生成图片
html2canvas(printContent, {
width,
height,
scale: 2 // 2 表示 Retina 屏幕
}).then(canvas => {
// 将图片添加到 PDF 中
const imgData = canvas.toDataURL('image/png',1.0);
pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight);
// 保存 PDF 文件
pdf.save(filename);
});
},
导出pdf
最新推荐文章于 2024-04-05 04:23:47 发布