将HTML和Google图表导出到PFD，而不会丢失样式CSS

Question

你好 e 一直在寻找如何导出包含带有样式的表格和图像格式的几个图表的 html 我可以用 jsPDF 做，但我意识到这个库中的表格没有接收 css 样式，而且如果文本很长，它们会离开单元格并丢失

我尝试使用 jspdf dompdf html2pfd

function reporGeneralPDF() {var pdf = new jsPDF('p', 'pt', 'a4');
  source = $('#pdf')[0];
  specialElementHandlers = {
    '#bypassme': function (element, renderer) {
      return true
    }
  };
  margins = {
    top: 80,
    bottom: 60,
    left: 40,
    right: 30,
    width: 500
  };
  pdf.fromHTML(
    source,
    margins.left, // x coord
    margins.top, { // y coord
      'width': margins.width,
      'elementHandlers': specialElementHandlers
    },
    function (dispose) {
      pdf.save('Reporte.pdf');
    }, margins
  );
}

如果有人知道一些方法，库或至少一种方法来解决jspd中的表问题，我将不胜感激，因为它对我帮助太大了

Answer 1

好家伙，我发现挑战的解决方案是，即使我没有实现样式也是一个很好的解决方案，因为它提供了一个非常好的演示文稿我希望它能为某人和我的

如何在单击按钮而不是页面时打印HTML内容？

 function generatePdf() {
 var printContents = document.getElementById('pdf').innerHTML;
 var originalContents = document.body.innerHTML;
 document.body.innerHTML = printContents;
 window.print();
 document.body.innerHTML = originalContents;
 }