使用jsPDF从HTML呈现PDF时,不会显示样式

时间:2014-07-20 13:46:51

标签: javascript printing jspdf

我正在开发一个页面,我需要将我的页面导出为PDF。这是我的页面概述 http://i.imgur.com/4QmY3fp.jpg

图书馆jsPdf:

    <script type="text/javascript" src="scripts/jspdf/jspdf.js"></script>
    <script type="text/javascript" src="scripts/jspdf/jspdf.plugin.standard_fonts_metrics.js"></script> 
    <script type="text/javascript" src="scripts/jspdf/jspdf.plugin.split_text_to_size.js"></script>               
    <script type="text/javascript" src="scripts/jspdf/jspdf.plugin.from_html.js"></script>
    <script type="text/javascript" src="scripts/jspdf/jspdf.plugin.addimage.js"></script>
    <script type="text/javascript" src="scripts/jspdf/jspdf.plugin.cell.js"></script>
    <script type="text/javascript" src="scripts/jspdf/libs/Deflate/deflate.js"></script>
    <script type="text/javascript" src="scripts/jspdf/libs/Blob.js/Blob.js"></script>
    <script type="text/javascript" src="scripts/jspdf/libs/FileSaver.js/FileSaver.js"></script>

这里是jspdf的js代码:

 function demoFromHTML() {
     var doc = new jsPDF('p', 'in', 'letter');
     var source = window.document.getElementsByTagName("body")[0];
     var specialElementHandlers = {
         '#bypassme': function(element, renderer) {
             return true;
         }
     };

     doc.fromHTML(
         source, // HTML string or DOM elem ref.
         0.5,    // x coord
         0.5,    // y coord
         {
             'width': 100, // max width of content on PDF
             'elementHandlers': specialElementHandlers
         });

     doc.output('dataurl');
}

当我点击按钮时,它会返回这样的pdf,我在这个jsPDF中是一个新手,所以我不知道我做错了什么

http://i.imgur.com/5cMgNR6.jpg

0 个答案:

没有答案