小戴博客

前言

     这两天做一个项目,需要做一个打印标签的功能，按理讲用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">&nbsp;</td>
    <td width="53" rowspan="3">&nbsp;</td>
  </tr>
  <tr>
    <td style="font-size: 9px;">存货代码</td>
    <td width="145">&nbsp;</td>
  </tr>
  <tr>
    <td style="font-size: 9px;">存货名称</td>
    <td width="145">&nbsp;</td>
  </tr><tr>
    <td style="font-size: 9px;">存货规格</td>
    <td colspan="2">&nbsp;</td>
  </tr><tr>
    <td style="font-size: 9px;">存货批号</td>
    <td>&nbsp;</td>
    <td rowspan="2">&nbsp;</td>
  </tr><tr>
    <td style="font-size: 9px;">生产日期</td>
    <td>&nbsp;</td>
  </tr><tr>
    <td height="23" style="font-size: 9px;">供应商检验</td>
    <td colspan="2"><table width="200" border="0">
      <tr>
        <td width="87">&nbsp;</td>
        <td width="73" style="font-size: 9px; border-right:1px solid;border-left:1px solid;" align="center">本厂检验</td>
        <td width="55">&nbsp;</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>

实现效果