前言
这两天做一个项目,需要做一个打印标签的功能,按理讲用jquery写一下打印方法很简单直接print一下就好了,但是客户的标签里面内容太多,标签又太小,花了好长时间也没解决,只能选择插件解决了,插件是百度直接查的,用了一下感觉挺好用的。
准备工作
Lodop打印插件
PHP环境
待开发的程序
使用
<script language="javascript" src="http://www.lodop.net/demolist/LodopFuncs.js"></script> <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width=0 height=0> <embed id="LODOP_EM" TYPE="application/x-print-lodop" width=0 height=0 PLUGINSPAGE="install_lodop32.exe"></embed> </object> <div id="hm" width="280" height="150px" > <table width="280" height="157" border="1" cellspacing="0" style="border-collapse:collapse;"> <tr> <td width="68" height="30" rowspan="2"><img src="" width="68" height="30" /></td> <td height="16" colspan="2" align="center"><span style="font-family: 楷体, 楷体_GB2312, SimKai; font-size: 12px;">****股份有限公司</span></td> </tr> <tr> <td height="14" colspan="2" align="center" style="font-size: 10px; font-family: 宋体, SimSun;">产品标识卡</td> </tr> <tr> <td style="font-size: 9px;">供应商</td> <td width="145"> </td> <td width="53" rowspan="3"> </td> </tr> <tr> <td style="font-size: 9px;">存货代码</td> <td width="145"> </td> </tr> <tr> <td style="font-size: 9px;">存货名称</td> <td width="145"> </td> </tr><tr> <td style="font-size: 9px;">存货规格</td> <td colspan="2"> </td> </tr><tr> <td style="font-size: 9px;">存货批号</td> <td> </td> <td rowspan="2"> </td> </tr><tr> <td style="font-size: 9px;">生产日期</td> <td> </td> </tr><tr> <td height="23" style="font-size: 9px;">供应商检验</td> <td colspan="2"><table width="200" border="0"> <tr> <td width="87"> </td> <td width="73" style="font-size: 9px; border-right:1px solid;border-left:1px solid;" align="center">本厂检验</td> <td width="55"> </td> </tr> </table></td> </tr> </table> </div> <input type="button" value="打印" name="dy" id="dy" onclick="javascript:myAddHtml();" /> <input type="button" value="设置" name="dy" id="dy" onclick="javascript:design();" /> <input type="button" value="直接打印设置后的内容" name="dy" id="dy" onclick="javascript:prints();" /> <script> function myAddHtml() { var i=0; var w=Math.ceil(Math.random()*10); var h="0mm"; while(i<1){ LODOP=getLodop(); LODOP.PRINT_INIT(""); //打印界面名称 //LODOP.SET_PRINT_MODE("POS_BASEON_PAPER",true);//设置固定位置 LODOP.SET_PRINT_PAGESIZE(1,"85mm","55mm"); //设置页面大小 //LODOP.ADD_PRINT_TEXT(0,0,100,20,"坐标[0,0]:"+i);//5 6 5.5.5 LODOP.ADD_PRINT_HTM("3.5mm","5.5mm","100%","100%",document.getElementById("hm").innerHTML); LODOP.SET_PRINT_MODE("CREATE_CUSTOM_PAGE_NAME","我的纸张名"+w); LODOP.PREVIEW(); //直接打印 i++; } }; function prints(){ LODOP=getLodop(); var w=Math.ceil(Math.random()*10); LODOP.PRINT_INIT("供应商平台"+w); LODOP.SET_PRINT_MODE("POS_BASEON_PAPER",true); LODOP.SET_PRINT_MODE("PRINT_NOCOLLATE",1); LODOP.ADD_PRINT_HTM("3.5mm","5.5mm","100%","100%",document.getElementById("hm").innerHTML); LODOP.PRINT(); } function design() { LODOP=getLodop(); var h="3mm"; LODOP.PRINT_INIT("供应商平台"); LODOP.SET_PRINT_MODE("POS_BASEON_PAPER",true); LODOP.SET_PRINT_MODE("PRINT_NOCOLLATE",1); LODOP.ADD_PRINT_HTM("0mm","0mm","100%","100%",document.getElementById("hm").innerHTML); LODOP.PRINT_SETUP(); } </script>
实现效果