Lodop打印html数字间隔不一致

admin

2023年9月27日 0:1 本文热度 398

在font-size属性控制数字大小的时候，可能会出现数字间隔有问题，间隔不一致，可尝试用其他字体大小试试，一般字体越小，越可能出现问题。

如图，前两个打印项都是form1,样式一个是style1,一个是syle2。而style1和style2的区别就是字体大小，一个是9px，一个是14px。
在本人的这台电脑上，9px数字间隔有点问题，而14px没有，此外px数值越小，字越小，间隔问题越严重，有客户14px不可以，再加大才可以。
如图，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:14px;}</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>

图示：

该文章在 2023/9/27 0:01:59 编辑过

关键字查询

正在查询...

点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。

点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。

点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。

点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。