html2canvas导出pdf用法

html2canvas可以将HTML元素转换为canvas，然后可以使用jsPDF将canvas转换为PDF文件。以下是一个简单的示例代码：

安装依赖：

npm install jspdf html2canvas --save

使用示例：

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

const exportPdf = () => {
  const pdfContent = document.getElementById('pdfContent')
  const pdf = new jsPDF('p', 'pt', 'a4')

  html2canvas(pdfContent).then(canvas => {
    const imgData = canvas.toDataURL('image/png')
    pdf.addImage(imgData, 'PNG', 0, 0, pdfContent.offsetWidth, pdfContent.offsetHeight)
    pdf.save('导出PDF示例.pdf')
  })
}

在上面的代码中，我们首先获取要导出为PDF的HTML元素的引用，然后创建一个jsPDF实例。接着使用html2canvas将该元素转换为canvas，将canvas添加到jsPDF实例中，最后调用save方法将PDF文件下载到本地。

需要注意的是，使用html2canvas可能会遇到一些兼容性问题，某些CSS属性可能无法正确地转换为canvas。此外，由于html2canvas需要加载外部资源（如图片、字体等），因此可能会导致加载时间过长或者出现跨域问题。