jsPDF:使用新的 .html() 方法时未加载 html2canvas

Question

我想使用jsPDF.html将 html 页面转换为 pdf，我使用以下代码:

savePdf () {
  var pdf = new jsPDF({unit: 'mm', format: 'a4', orientation: 'portrait' })
  pdf.html(document.getElementById('printable-cv'), {
    callback: function (pdf) {
      pdf.save('cv-a4.pdf');
    }
  })
}

但是我收到错误html2canvas not returned:是我忘记了什么吗？我确实有 html2canvas

"html2canvas": "^1.0.0-alpha.12"

我正在使用 vuejs 和 webpack。

在同一页面中，我当前正在使用 html2pdf使用以下代码:

savePdf0 () {
  let opt = {
    filename: 'cv.pdf',
    enableLinks: true,
    image: { type: 'jpeg', quality: 0.98 },
    html2canvas: {
      scale: 8,
      useCORS: true,
      width: 310,
      letterRendering: true,
    },
    jsPDF: { unit: 'mm', format: 'a4', orientation: 'portrait' },
  }
  html2pdf().set(opt).from(document.getElementById('printable-cv')).save()
}

正确地找到了 html2canvas。

html2canvas not returned 的真正含义是什么？我可以做什么来加载它？

Answer 1

jsPDF需要在全局范围内声明html2canvas才能工作，所以你必须编写

window.html2canvas = html2canvas;

在调用html()之前的某个位置。

也就是说，我也无法让它工作，所以我求助于 a wrapper通过手动调用 html2canvas() 然后将生成的 Canvas 提供给 jsPDF 来解决该问题。