我正在使用以下代码创建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。我一直被这个问题困扰。任何帮助将不胜感激。