jspdf浏览器大小似乎影响pdf大小

时间:2015-09-07 13:29:41

标签: jspdf

如果我使用JsPDF创建pdf,浏览器大小似乎会影响pdf中文本的大小。创建te pdf的代码。

 var pdf = new jsPDF();

 //To split on multiple pages
 var options = {
      pagesplit: true
 }
 pdf.addHTML(document.getElementById("test"), options,function() {
      pdf.save('test.pdf');
 });

和html

<div id="pdf_container">
    <div id="pdf_top">
        <h1>My report</h1>
    </div>
   <div>
        <p>some text</p>
        <p>some text</p>  
        <p>some text</p>
        <p>some text</p>
        <p>some text</p>
        <p>some text</p>
    </div>  
</div>

pdf.save结果的链接:http://imgur.com/XyDPFFb

任何人都知道如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

JsPDF使用您要发送给函数的div的当前大小。

您必须为要转换为PDF的每个元素提供固定的样式和大小,以获得始终相同的文件。试试这个css,你可以使用不同的宽度和字体大小,直到你得到你想要的风格。

<强> myStlye.css

#pdf_container{
    width:500px;
    font-size:15px;
}