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

时间:2019-06-10 18:02:59

标签: javascript php jquery html

您好,我一直在寻找如何导出包含样式表和一些goocharts图像格式的表格的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中的表的问题,我会很感激,因为它会给我带来太大帮助

1 个答案:

答案 0 :(得分:0)

好人,我发现挑战的解决方案是,即使我没有用样式实现它也是一个很好的解决方案,因为它提供了很好的演示文稿,我希望它能为我和我一样服务

How to print HTML content on click of a button, but not the page?

 function generatePdf() {

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