使用jsPDF和html2canvas将多个选项卡内容合并为一个PDF

<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/2.4.0/jspdf.umd.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.3.2/html2canvas.min.js"></script>

// 创建一个新的jsPDF实例
var doc = new jsPDF();

// 定义一个用于保存所有选项卡内容的数组
var tabContents = [];

// 使用html2canvas将每个选项卡的内容转换为Canvas，并将Canvas添加到tabContents数组中
html2canvas(document.getElementById('tab1')).then(function(canvas) {
  tabContents.push(canvas);
});

html2canvas(document.getElementById('tab2')).then(function(canvas) {
  tabContents.push(canvas);
});

html2canvas(document.getElementById('tab3')).then(function(canvas) {
  tabContents.push(canvas);
});

// 将tabContents数组中的所有Canvas合并为一个PDF
for (var i = 0; i < tabContents.length; i++) {
  if (i > 0) {
    doc.addPage();
  }
  doc.addImage(tabContents[i].toDataURL('image/png'), 'PNG', 10, 10, 190, 277);
}

// 保存生成的PDF文件
doc.save('merged_tabs.pdf');