将网页保存为PDF---不分页

本文主要是介绍将网页保存为PDF---不分页，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

将网页保存为PDF---不分页

1.要下载的内容

<div ref="reportContent">写入要下载的内容
</div>

2.下载的方法

    downloadPDF() {html2canvas(this.$refs.reportContent, {scale: 1.5, // 降低缩放比例来减少图像大小（从2降到1.5）useCORS: true,width: this.$refs.reportContent.scrollWidth,height: this.$refs.reportContent.scrollHeight,scrollY: -window.scrollY}).then((canvas) => {const imgData = canvas.toDataURL('image/jpeg', 1); // 使用JPEG格式并调整质量// A4宽度 (单位：mm)const pdfWidth = 210;// 根据内容计算PDF高度 (单位：mm)const imgWidth = pdfWidth;const imgHeight = (canvas.height * imgWidth) / canvas.width;const pdfHeight = imgHeight;const pdf = new jsPDF('p', 'mm', [pdfWidth, pdfHeight]);pdf.addImage(imgData, 'JPEG', 0, 0, imgWidth, imgHeight); // 使用JPEG格式pdf.save(`${this.name}_${this.formatDate}.pdf`);});},

这篇关于将网页保存为PDF---不分页的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---