Lodop套打

记录一下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.这是最后的成果图,因为我打印的是标签,所以用的打印机不同.

原文地址:https://www.cnblogs.com/yinhuaboke/p/6690307.html