如何获取具有可滚动内容的div的pdf与jspdf和html2canvas反应?

时间:2019-10-28 05:16:13

标签: reactjs pdf jspdf html2canvas

我有一个可滚动的div,其中包含文本段落。我已经实现了将div的内容导出为pdf的功能,但是我面临的问题是,只有可见区域才被导出为pdf。

下面是我的代码

const exportPdf = name => {
    const quality = 1.11;
    const input = document.getElementById("chartArea");
    html2canvas(input, { scale: quality }).then(
      const imgData = canvas.toDataURL("image/png");
       const pdf = new jspdf("p", "mm", "a3");
      pdf.setFillColor("#ffffff");
      pdf.rect(0, 0, 210, 700, "F");
      pdf.addImage(imgData, "PNG", 0, 0);
      pdf.save(name + ".pdf");
    });
  };

div需要导出为pdf

<div id="chartArea">...</div>

只有div的可见区域被导出为pdf。

我遵循了this的问题,但是找不到解决我问题的方法。谢谢

0 个答案:

没有答案