Html 使用jspdf的多页pdf

我是一个Javascript初学者，对于一个桌面应用程序（使用electron），我试图收集几个div的内容（仅图像jpeg），当用户单击“下载”按钮时，创建一个pdf

我有以下HTML代码：

<div class="flipbook" id="flipbook">
    <div class="page"><img src="pages/1.jpg"></div>
    <div class="page"><img src="pages/2.jpg"></div>
    <div class="page"><img src="pages/3.jpg"></div>
    <div class="page"><img src="pages/4.jpg"></div>
    <div class="page"><img src="pages/5.jpg"></div>
    <div class="page"><img src="pages/6.jpg"></div>
    <div class="page"><img src="pages/7.jpg"></div>
    <div class="page"><img src="pages/8.jpg"></div>
    <div class="page"><img src="pages/9.jpg"></div>
    <div class="page"><img src="pages/10.jpg"></div>
    <div class="page"><img src="pages/11.jpg"></div>
    <div class="page"><img src="pages/12.jpg"></div>
    <div class="page"><img src="pages/13.jpg"></div>
    ...
</div>

<button onclick="downloadContent()" type="button" 
class="button"><span class="glyphicon glyphicon-download-alt" 
id="download" title="Télécharger le fichier"></span></button>

或

---

谢谢你的帮助

我不明白问题出在哪里。你能解释一下吗？我的javascript代码不起作用。我想捕捉几个div的图像内容，并在单击“下载”按钮时生成一个pdf文件。但我不明白，我不明白问题出在哪里。你能解释一下吗？我的javascript代码不起作用。我想捕捉几个div的图像内容，并在单击“下载”按钮时生成一个pdf文件。但我不明白。

function downloadContent() {
var flipbook = getElementById('flipbook');
    for (var i = 0; i = flipbook.length; i++) {
        html2canvas('.page'); {
            onrendered: function (canvas) {
                var img = canvas.toDataURL('image/jpeg', 1.0);
                var doc = new jsPDF('p', 'mm', 'a4');
                doc.addImage(img, 'JPEG', 0, 0);
                doc.save('My_doc.pdf');
            }
        });

    }

}

 function downloadContent() {
        html2canvas(getElementById('#flipbook'); {
            onrendered: function (canvas) {
                var img = canvas.toDataURL('image/jpeg', 1.0);
                var doc = new jsPDF('p', 'mm', 'a4');
                doc.addImage(img, 'JPEG', 0, 0);
                doc.save('My_doc.pdf');
            }
        });

    }

 }