记录一下Lodop套打模板
实现打印功能需电脑已经连接打印机(打印什么类型的东西就连接相应的打印机 （普通大打印机 打印标签 打印发票各种打印机）)和已经安装好lodop控件 控件可到官网进行下载 http://www.lodop.net/demo.html
1.给一个html页面加上lodop控件的js
<script type="text/javascript" src="http://127.0.0.1:9999/CLodopfuncs.js?priority=1"></script>
这里的9999 指的是电脑上安装好lodop控件的端口号 我设置的是9999 默认的是8000点击设置也可以更改
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>套打</title> 6 <script src="js/jquery.min.js"></script> 7 <script type="text/javascript" src="http://127.0.0.1:9999/CLodopfuncs.js?priority=1"></script> 8 <script type="text/javascript"> 9 function CreatePrintPage() { 10 LODOP.PRINT_INITA(0,0,400,150,"套打模板");//顶点高度 宽度 初始化后页面的宽度 高度 给初始化页面的名称 11 12 </script> 13 </head> 14 <body> 15 进入<a href="javascript:;" onclick="javascript:CreatePrintPage();LODOP.PRINT_DESIGN();">模板设计</a> 16 17 </body> 18 </html>
完成以上步骤html页面上只有一个进入模板设计的超链接
2.点击超链接进到打印设计页面，因为没有写东西所以设计页面是空的
3.然后在设计页面找到上图红色箭头所指的地方，点击装载背景图，选择图片进行装载 然后对照图片需要放text的位置 找到黄色箭头点击进行添加text 并对更改字体大小或者位置
4.然后找到上图红色箭头位置 点击找到生成程序代码，就可以把里面的代码直接放到html页面，因为我最后是把背景图删掉了，所以上面的html里面是没有背景图的代码的（你在设计页面装载里背景图，就可以通过生成程序代码得到你装载背景图的代码了）
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script src="js/jquery.min.js"></script> 7 <script type="text/javascript" src="http://127.0.0.1:9999/CLodopfuncs.js?priority=1"></script> 8 <script type="text/javascript"> 9 function CreatePrintPage() { 10 LODOP.PRINT_INITA(0,0,400,150,"套打模板");//顶点高度 宽度 初始化后页面的宽度 高度 给初始化页面的名称 11 LODOP.SET_PRINT_PAGESIZE(1,900,370,"");//设置纸张高度 12 LODOP.ADD_PRINT_TEXT(14,100,181,22,"太极急支糖浆太极急支糖浆");//通用名 13 LODOP.SET_PRINT_STYLEA(0,"FontSize",10); 14 LODOP.SET_PRINT_STYLEA(0,"Bold",1); 15 LODOP.ADD_PRINT_TEXT(43,100,105,26,"0.01g*10粒*2板 ");//规格 16 LODOP.SET_PRINT_STYLEA(0,"FontSize",8);//字体大小 17 LODOP.SET_PRINT_STYLEA(0,"Alignment",2);//文本居中 18 LODOP.ADD_PRINT_TEXT(42,231,48,25,"颗粒剂");//剂型 19 LODOP.SET_PRINT_STYLEA(0,"FontSize",8); 20 LODOP.ADD_PRINT_TEXT(42,319,38,24,"GMP");//质量层次 21 LODOP.ADD_PRINT_TEXT(92,53,149,39,"￥9930.99");//售价 22 LODOP.SET_PRINT_STYLEA(0,"FontSize",20); 23 LODOP.SET_PRINT_STYLEA(0,"Alignment",2);//文本居中 24 LODOP.SET_PRINT_STYLEA(0,"Bold",1);//字体加粗 25 LODOP.ADD_PRINT_TEXT(65,236,129,35,"北京同仁堂亳州饮片有限制药厂");//产地 26 LODOP.SET_PRINT_STYLEA(0,"FontSize",8); 27 LODOP.ADD_PRINT_TEXT(107,215,44,28,"瓶");//计价单位 28 LODOP.SET_PRINT_STYLEA(0,"FontSize",8); 29 LODOP.SET_PRINT_STYLEA(0,"Alignment",2); 30 LODOP.ADD_PRINT_TEXT(14,288,64,20,"s010002");//编号 31 LODOP.SET_PRINT_STYLEA(0,"FontSize",9); 32 }; 33 </script> 34 </head> 35 <body> 36 进入<a href="javascript:;" onclick="javascript:CreatePrintPage();LODOP.PRINT_DESIGN();">模板设计</a> 37 38 </body> 39 </html>
5.这是最后的成果图，因为我打印的是标签，所以用的打印机不同.