将 html 和 google 图表导出为 pdf 而不会丢失样式 css答案

【问题标题】：export html and google charts to pfd without losing styles css将 html 和 google 图表导出为 pdf 而不会丢失样式 css
【发布时间】：2019-10-25 03:33:30
【问题描述】：

你好，我一直在寻找如何导出包含样式表的 html 和几个图像格式的 goocharts 我可以用 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 中的表格问题，我将不胜感激，因为它对我的帮助太大了

【问题讨论】：

不确定您是否仍然可以看到它（我的答案已被删除，因为我只添加了一个链接 - 我刚刚更新了更多详细信息）。我很确定这就是你要找的东西。谢谢
我使用 ImageMagic lib 做了类似的事情。您必须发送 HTML 内容以将其转换为 JPEG，然后使用 html2pdf 生成 PDF。所以基本上，将页面的源发送到 ImageMagic
第一个评论的美好一天没有看到任何链接：/第二个不是认为我错过了表或表的数据不能作为图像烧录的评论应该是我发现的另一个问题是，当表格很多行被分成两张表时，表格的标题超过了 P 第二张表行 Rimer

标签： javascript php jquery html

【解决方案1】：

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

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;
 }

【讨论】：