jsPDF表宽度&字体大小

时间:2014-07-21 17:29:10

标签: jspdf

我认为这会相对简单,但我无法在任何地方找到答案,我在Stack Overflow中有一个很好的搜索。如果我错过了一些明显的东西,请道歉!

如何在jsPDF中设置表格宽度?我只是希望我的表拉伸到页面宽度的100%。这是我正在使用的代码:

<script>
function demoFromHTML() {
    var pdf = new jsPDF('p', 'pt', 'a4');
    source = $('#pdf')[0];
    specialElementHandlers = {
        '#bypassme': function (element, renderer) {
            return true
        }
    };
    margins = {
        top: 80,
        bottom: 40,
        left: 40,
        width: 600
    };
    pdf.fromHTML(
    source,
    margins.left, 
    margins.top, { 
        'width': margins.width,
        'elementHandlers': specialElementHandlers
    },

    function (dispose) {
        pdf.output('datauri');
    }, margins);
}
</script>

我正在使用标准的,无格式的HTML表格。

<table class="reference">
    <tbody><tr>
        <th>Firstname</th>
        <th>Lastname</th>       
        <th>Points</th>
    </tr>
    <tr>
        <td>Jill</td>
        <td>Smith</td>      
        <td>50</td>
    </tr>
    <tr>
        <td>Eve</td>
        <td>Jackson</td>        
        <td>94</td>
    </tr>
    <tr>
        <td>John</td>
        <td>Doe</td>        
        <td>80</td>
    </tr>
    <tr>
        <td>Adam</td>
        <td>Johnson</td>        
        <td>67</td>
    </tr>
</tbody></table>

该表仅在PDF上延伸约60%,这似乎是一个随机数量。此外,表格内的文字与表格外的文字的字体和大小不同。

非常感谢任何帮助。

0 个答案:

没有答案