jsPDF返回空白文档答案

【问题标题】：jsPDF returning blank documentjsPDF返回空白文档
【发布时间】：2016-09-02 20:52:28
【问题描述】：

我有一个订单详情页面，我想将其转换为 pdf。详细信息是在我们的后端动态创建的，但我想使用前端来创建 pdf，所以我使用的是 jsPDF。

这是我的代码：

    <script>
    function demoFromHTML() {
    var doc = new jsPDF('p', 'in', 'letter');
    var source = $('#open_orders_detail_display_template').first();
    var specialElementHandlers = {
    '#bypassme': function(element, renderer) {
    return true;
}
};

doc.fromHTML(
$('#open_orders_detail_display_template').get(0),
0.5, // x coord
0.5, // y coord
{
'width': 7.5, // max width of content on PDF
'elementHandlers': specialElementHandlers
});

doc.output('dataurl');
}
</script>

当我运行它时，我没有收到任何错误，但会填充一个空白页面。任何帮助将不胜感激。谢谢！

【问题讨论】：

标签： jspdf

【解决方案1】：

var doc = new jsPDF();
// We'll make our own renderer to skip this editor
    var specialElementHandlers = {
        '#editor' : function(element, renderer) {
            return true;
        }
    };

    // All units are in the set measurement for the document
    // This can be changed to "pt" (points), "mm" (Default), "cm", "in"
    doc.fromHTML($('#render_me').get(0), 30, 50, {
        'width' : 170,
        'elementHandlers' : specialElementHandlers
    });

    doc.save('sample-file.pdf');

给 id="render_me" 给 div 你想要渲染的东西。例如

<table id="render_me"></table>

【讨论】：