使用jsPDF时如何保留一些格式和段落？

好的，所以我为健身房创建了一个基本的表格。 我希望能够使用jsPDF下载该表。 截至目前，我已经能够将表格下载得很好，但是有些东西我无法上class。

首先，对于我的生活，我不能在下载的PDF中将表格全宽。 我已经阅读了几十篇关于jsPDF的post，没有任何东西可以解决这个问题！

其次，每个单元格内的信息在3个不同的p标签中，因此应该在三条不同的线上，但它们将这些线条混杂在一起。

第三，我希望细胞保持文本对齐中心。

下面的jsFiddle显示我已经得到了，但这最后三个项目真的开始让我烦恼，我已经研究了它没有运气……

http://jsfiddle.net/xzZ7n/695/

 function demoFromHTML() { var pdf = new jsPDF('p', 'pt', 'letter'); source = $('#editor')[0]; specialElementHandlers = { // element with id of "bypass" - jQuery style selector '#bypassme': function (element, renderer) { // true = "handled elsewhere, bypass text extraction" return true } }; margins = { top: 30, bottom: 30, left: 40, width: '100%' }; 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); } 

Answer 1

包括html2canvas ，然后使用pdf.addHTML()而不是pdf.fromHTML() 。 它很棒。 我用它，它保留了我的所有样式。

这是我的代码：

  var pdf = new jsPDF('p', 'pt', 'letter'); pdf.addHTML($('#NameOfTheElementYouWantToConvertToPdf')[0], function () { pdf.save('Test.pdf'); });