大于pdf页面的图像需要拆分为另一图像并添加到下一页

时间:2018-10-09 07:06:07

标签: javascript pdf-generation jspdf

我正在使用以下代码创建div容器的pdf。我正在使用domtoimage和jsPDF进行Pdf创建。 pdf生成的很好,但是添加到其中的图像超出了一页,因此被修剪掉了。如何将剩余的图像添加到后续页面?

btn.onclick = function() { 
  var input = document.getElementById('forms-container');
  domtoimage.toPng(input)
    .then((dataUrl) => {
       var pdf = new jsPDF();
       var width = pdf.internal.pageSize.width;
       var height = pdf.internal.pageSize.height;
       pdf.addImage(dataUrl, 'PNG', 15, 5, 0, 0);
       pdf.save('download.pdf');
    })
}

要检查生成的图像大小,我使用了以下代码。

btn.onclick = function() {
  domtoimage.toBlob(document.getElementById('forms-container'))
    .then(function(blob) {
      window.saveAs(blob, 'forms-container.png');
    });
}

生成的图像为758 * 3000像素。因此,这大约需要3-4页pdf。我一直被这个问题困扰。任何帮助将不胜感激。

0 个答案:

没有答案