如何使用jspdf在同一文件中添加不同的div

使用jspdf在同一文件中添加不同的div可以通过以下步骤实现：

首先，确保你已经引入了jspdf库。你可以在官方网站上找到并下载最新版本的jspdf。
创建一个HTML文件，并在文件中引入jspdf库的脚本文件。

<!DOCTYPE html>
<html>
<head>
    <title>使用jspdf添加不同的div</title>
    <script src="jspdf.min.js"></script>
</head>
<body>
    <div id="div1">
        <h1>这是第一个div</h1>
        <p>这是第一个div的内容。</p>
    </div>
    <div id="div2">
        <h1>这是第二个div</h1>
        <p>这是第二个div的内容。</p>
    </div>
    <button onclick="generatePDF()">生成PDF</button>

    <script>
        function generatePDF() {
            // 创建一个新的jspdf实例
            var doc = new jsPDF();

            // 获取第一个div的内容并添加到PDF中
            var div1 = document.getElementById('div1');
            doc.fromHTML(div1, 15, 15);

            // 获取第二个div的内容并添加到PDF中
            var div2 = document.getElementById('div2');
            doc.fromHTML(div2, 15, 80);

            // 保存PDF文件
            doc.save('document.pdf');
        }
    </script>
</body>
</html>

在JavaScript代码中，我们首先创建一个新的jspdf实例。然后，使用getElementById方法获取要添加到PDF中的每个div的引用。最后，使用fromHTML方法将div的内容添加到PDF中的指定位置。
最后，通过调用save方法保存生成的PDF文件。在这个例子中，我们将文件命名为"document.pdf"。
运行HTML文件，点击"生成PDF"按钮，就会生成包含两个div内容的PDF文件。