uniapp 移动端导出pdf

在UniApp中，可以使用html2canvas和jspdf插件来导出PDF文件。以下是基本步骤：

1. 安装html2canvas和jspdf插件：

npm install html2canvas jspdf --save

2. 在需要导出的页面中，使用html2canvas插件将页面转换为canvas：

import html2canvas from 'html2canvas';

// 获取要导出的元素
const element = document.querySelector('#export-element');

// 将元素转换为canvas
html2canvas(element, {
  useCORS: true,    // 防止跨域问题
  scrollX: 0,       // 页面滚动的X轴距离
  scrollY: -window.pageYOffset,  // 页面滚动的Y轴距离
}).then(canvas => {
  // 将canvas转换为图片的base64编码
  const imgData = canvas.toDataURL('image/png');
  // ...
});

3. 使用jspdf插件将canvas转换为PDF文件：

import html2canvas from 'html2canvas';
import jsPDF from 'jspdf';

// 获取要导出的元素
const element = document.querySelector('#export-element');

// 将元素转换为canvas
html2canvas(element, {
  useCORS: true,    // 防止跨域问题
  scrollX: 0,       // 页面滚动的X轴距离
  scrollY: -window.pageYOffset,  // 页面滚动的Y轴距离
}).then(canvas => {
  // 将canvas转换为图片的base64编码
  const imgData = canvas.toDataURL('image/png');

  // 计算PDF的宽高
  const pdfWidth = element.offsetWidth;
  const pdfHeight = element.offsetHeight;

  // 创建PDF
  const pdf = new jsPDF('p', 'px', [pdfWidth, pdfHeight]);
  pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight);

  // 下载PDF
  pdf.save('export.pdf');
});

以上代码将在浏览器中下载一个名为“export.pdf”的PDF文件，其中包含页面中指定的元素。