html2canvas结合jspdf生成容器隐藏的pdf

要将隐藏的容器转换为PDF，您可以使用html2canvas和jspdf库。首先，使用html2canvas将容器的内容转换为图像，然后使用jspdf将图像添加到PDF文档中。下面是一个示例代码：

// 引入html2canvas和jspdf库
<script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jspdf/1.5.3/jspdf.debug.js"></script>

// 获取隐藏容器
var container = document.getElementById('hidden-container');

// 使用html2canvas将容器内容转换为图像
html2canvas(container).then(function(canvas) {
  // 创建一个新的jspdf实例
  var doc = new jsPDF();

  // 获取图像的数据URL
  var imgData = canvas.toDataURL('image/png');

  // 将图像添加到PDF文档中
  doc.addImage(imgData, 'PNG', 10, 10, 190, 277); // 自定义位置和尺寸

  // 保存PDF文件
  doc.save('hidden-container.pdf');
});

在这个示例中，我们首先使用`html2canvas`库将隐藏容器的内容转换为图像。然后，我们创建一个新的`jspdf`实例，并使用`addImage`方法将图像添加到PDF文档中。最后，我们使用`save`方法保存PDF文件。

请注意，您需要在HTML文件中引入html2canvas和jspdf库的脚本文件。另外，确保隐藏容器的内容已经加载完成并且可见，以确保正确的转换和生成PDF文件。