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

Question

好的，我有一张基本表格，用于记录我为健身房创建的时间表。我希望能够使用 jsPDF 下载该表。截至目前，我已经能够很好地下载表格，但是有些事情我无法开始工作。

首先，在我的一生中，我无法在下载的 PDF 中让表格全宽。我已经阅读了几十篇关于 jsPDF 的帖子，但没有一个能够解决问题！

其次，每个单元格中的信息在 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');
 });