如何将html <div>转换为pdf </div>

时间:2015-04-09 07:16:11

标签: javascript jspdf

<div id="content">
 <h3>Hello</h3>
     <table id = "tblHeader" >
        <tbody>
           <tr>
             <td width="10%">name</td>                      
             <td width="15%">id</td>
             <td width="27%">Patient Name </td>
             <td width="8%">Age</td>
          </tr>
       </tbody>                
    </table>
</div>
<button id="cmd">generate PDF</button>

此表我需要转换为pdf。

我尝试使用jspdf和下面提到的功能。

$(function () {
$('#cmd').click(function () {
    var pdf = new jsPDF('p', 'pt', 'letter'),
    source = $('#tblHeader')[0],
    margins = {
        top: 40,
        bottom: 40,
        left: 40,
        right: 40,
        width: 522
    };

    pdf.fromHTML(
        source,
        margins.left,
        margins.top,
        {
        'width': margins.width 
        },
        function (dispose) {
            pdf.save('Test.pdf');
        },
        margins
   );
});
});

它生成了pdf,列数据为行。请帮助我。

1 个答案:

答案 0 :(得分:0)

包含以下脚本文件

    <script src="/Scripts/plugin/jsPdf/jspdf.debug.js"></script>