HTML + CSS到PDF而不会丢失格式

时间:2017-08-17 13:23:59

标签: javascript html css pdf jspdf

我想使用javascript将html表打印到pdf文件中。因为我正在使用jspdf lib。我创建了这个例子

$(document).on('click', '#pdfbutton', function(event) {
  var pdf = new jsPDF('p', 'pt', 'letter'),
    source = $('#printit')[0],
    specialElementHandlers = {
      '#bypassme': function(element, renderer) {
        return true
      }
    }

  var margins = {
    top: 20,
    bottom: 30,
    left: 20,
    width: 700
  };
  pdf.fromHTML(
    source // HTML string or DOM elem ref.
    , margins.left // x coord
    , margins.top // y coord
    , {
      'width': margins.width // max width of content on PDF
        ,
      'elementHandlers': specialElementHandlers
    },
    function(dispose) {
      pdf.save('Test.pdf');
    },
    margins
  )
});

https://jsfiddle.net/6hngty42/

现在,当我打印pdf时,它显示了html表格的不同格式。

如何将html和css保存为pdf?

如何使用jspdf格式化表格?

是否还有其他js库可以使用css离线打印pdf到html(我检查了cloudformatter但它可以在线工作)?

仅供参考:我也检查了其他例子,但没有一个解决方案对我有用。

0 个答案:

没有答案