从未选中的选项卡保存到PDF页面,保持CSS样式

时间:2019-06-10 12:39:31

标签: html css coffeescript jspdf html2canvas

当前,我已设法将当前显示的html页面转换为多个画布,然后将其用于创建多页PDF。当前显示的html页面是一个标签控件,其中第一个标签处于选中状态。

但是,我还需要将第二个选项卡(当前未选中)也放入PDF。这包括表本身的格式,因为普通的jsPDF似乎无法解决这个问题。

第二个标签位于ng-show下,因此已呈现到DOM中。

我正在使用jsPDF和html2canvas的冲突来提取pdf所需的各种页面。但是,这不适用于未选中选项卡上的内容。

jsPDF可以获取数据,但完全省去了css样式,而是使用不匹配的大小来放置它。

以下是部分检索的摘录。哪个可行。

  var pdf = new jsPDF({
   orientation: 'landscape'
  });

  html2canvas(sumaryToPDF).then(function(canvas) {
    var img = canvas.toDataURL("image/jpeg");
    pdf.addImage(img, "JPEG", 30, 40, 230, 120);
    pdf.save("my-document.pdf");
  });

如何在未实际选择标签的情况下使用未选择标签的样式提取数据? 一旦将其提取出来,将其放置在pdf文档中进行保存就相当简单。

0 个答案:

没有答案