Question

我有一个订单详细信息页面，我想将其转换为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>

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

Answer 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>

jsPDF返回空白文档

1 个答案: