jspdf第一个PDF页面是空白的

时间:2017-10-17 11:28:18

标签: jspdf

我试图让我的jspdf不保存空白页PDF。我一直在尝试很多例子,但没有任何作用:(。我的表内容保存正确,PDF的第二页上有图像,但我的第一页是空白的。

var pdf = new jsPDF('o', 'pt', 'a6');
//pdf.autoTable(this.columns, this.data);
//var width = pdf.internal.pageSize.width;    
//var height = pdf.internal.pageSize.height;
pdf.addPage('1800','900');
pdf.addImage(imgData, 'PNG', 120, 40, 120, 100);
pdf.setTextColor(0,0,0);
pdf.text(120, 20, 'BOOKINGS');
pdf.setFontSize(22);    
// 'o', 'pt', 'a4'
// 'p', 'pt', 'letter'
// source can be HTML-formatted string, or a reference
// to an actual DOM element from which the text will be scraped.
source = jQuery('.dataTables_wrapper')[0];
// we support special element handlers. Register them with jQuery-style 
// ID selector for either ID or node name. ("#iAmID", "div", "span" etc.)
// There is no support for any other type of selectors 
// (class, of compound) at this time.
specialElementHandlers = {
    // element with id of "bypass" - jQuery style selector
    '#bypassme': function (element, renderer) {
        // true = "handled elsewhere, bypass text extraction"
        return true
    }
};
margins = {
    top: 120,
    bottom: 0,
    left: 0,
    width: 2000
};
// all coords and widths are in jsPDF instance's declared units
// 'inches' in this case
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) {
    // dispose: object with X, Y of the last line add to the PDF 
    //          this allow the insertion of new lines after html
        pdf.save('bookings.pdf');
}, margins);

}

1 个答案:

答案 0 :(得分:2)

第一页是空白的,因为添加页面是您在调用jsPDF构造函数后进行的第一次调用。构造函数已经创建了(第一个)空白页面。要删除文档开头的其他空白页面,请删除调用doc.deletePage(1)的第一页,或者在调用构造函数后不添加页面。