Lodop打印html數字間隔不一致


在font-size屬性控制數字大小的時候,可能會出現數字間隔有問題,間隔不一致,可嘗試用其他字體大小試試,一般字體越小,越可能出現問題。

如圖,前兩個打印項都是form1,樣式一個是style1,一個是syle2。而style1和style2的區別就是字體大小,一個是9px,一個是12px。
在本人的這台電腦上,9px數字間隔有點問題,而12px沒有,此外px數值越小,字越小,間隔問題越嚴重,有客戶12px不可以,再加大才可以。
如圖,7pt是正常的,此外3pt,1pt,等放大后也是正常的。

可嘗試的解決方法:
1:加大px的數值,換其他數值試試。
2:換用pt設置字體大小試試。

測試代碼:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WEB打印控件LODOP</title>
<script language="javascript" src="LodopFuncs.js"></script>
<style id="style1"> table,td,th {border-width:1px;border-style:solid;border-color:#cccccc;border-collapse:collapse;font-size:9px;}</style>
<style id="style2"> table,td,th {border-width:1px;border-style:solid;border-color:#cccccc;border-collapse:collapse;font-size:12px;}</style>
</head>
<body>
<form id="form1">
 <table style="width:700px;font-family:'宋體';">
 <tr>
 <td style="text-align: center;">1</td>
 <td>1130005205000177</td>
 </tr>
 </table>
 </form>
<form id="form2">
 <table>
 <tr style="font-size:9px;">
 <td>1</td>
 <td>1130005205000177</td>
 </tr>
 </table>
<span style="font-size:9px;">1130005205000177</span>
<span style="font-size:7pt;">1130005205000177</span>
1130005205000177
<span style="font-size:3px;">1130005205000177</span>
 </form>
<a href="javascript:prn1_preview()">打印預覽</a><br>
<script language="javascript" type="text/javascript">   
        var LODOP; //聲明為全局變量 
    function prn1_preview() {
        LODOP=getLodop(); 
        LODOP.PRINT_INIT("");
        var strBodyStyle1="<style>"+document.getElementById("style1").innerHTML+"</style>";
        var strBodyStyle2="<style>"+document.getElementById("style2").innerHTML+"</style>";
        var strFormHtml1=strBodyStyle1+"<body>"+document.getElementById("form1").innerHTML+"</body>";
        var strFormHtml2=strBodyStyle2+"<body>"+document.getElementById("form1").innerHTML+"</body>";
        LODOP.ADD_PRINT_HTM(10,10,350,60,strFormHtml1);
        LODOP.ADD_PRINT_HTM(80,10,350,60,strFormHtml2);
        LODOP.ADD_PRINT_HTM(150,10,350,60,document.getElementById("form2").innerHTML);
        LODOP.ADD_PRINT_HTM(210,10,"100%","100%",document.documentElement.innerHTML);
        LODOP.PRINT_DESIGN();
        //LODOP.PREVIEW();    
    };
</script> 
</body>

圖示:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM