c_lodop实现最基本的打印功能

只有努力奋斗,才能看到希望

c_lodop实现最基本的打印功能_第1张图片
打印系统
c_lodop实现最基本的打印功能_第2张图片
下载版本

下载网址:http://www.lodop.net/download.html

安装的区别 : http://www.lodop.net/faq/pp23.html

安装完成(端口注意)

c_lodop实现最基本的打印功能_第3张图片
端口一定是8000/18000(如果不是,左上角设置可以修改)

引用的js

主要的
引用bootstrap,页面美观一点

先用lodop画一个最基础的

c_lodop实现最基本的打印功能_第4张图片
页面

代码

//页面点击,看效果 (span标签的class 是显示的图标)
//class="btn-group"效果是让(button紧密的联系在一起)
//初始化
 var LODOP;  //lodop大写一定需要注意
//绑定点击事件
$("#preview").bind("click",function(){
//预览
 LODOP = getLodop();
 printInfo();//公共的方法(把一样的代码都提取出来)
 LODOP.PREVIEW();
})
$("#startPrint").bind("click",function(){
//打印
 LODOP = getLodop();
 printInfo();//公共的方法
 LODOP.PRINT();
})
$("#setUp").bind("click",function(){
//维护
 LODOP = getLodop();
 printInfo();//公共的方法
 LODOP.PRINT_SETUP(); 
})

//都会执行的代码
function  printInfo(){
//打印初始化
LODOP.PRINT_INIT("打印测试")
//设定纸张大小(如果 2,3参数没有复制,4参数写的"A4"那么纸张就是A4值。如果2/3/4都没有赋值,纸张是会默认自己设置打印机的纸张大小)
LODOP.SET_PRINT_PAGESIZE(0, "120mm","60mm","")//现在是设置纸 长120毫米 宽 60毫米
//划线(前俩个参数固定 第一个点的坐标,3 4参数固定第二个点的坐标,5参数 是代表实线,虚线 6参数代表 线的粗细)
LODOP.ADD_PRINT_LINE("10mm", "10mm", "10mm", "110mm", 0, 1);//这是一条横线,意思是 第一个点距离纸的上面10毫米,距离纸的左边10毫米,第二个点距离纸的上面10毫米,距离纸的左边110毫米, 这根线长100毫米,是一条实线,线的粗细1像素
LODOP.ADD_PRINT_LINE("10mm", "10mm", "40mm", "10mm", 0, 1);//这是一条竖线,意思是 第一个点距离纸的上面10毫米,距离纸的左边10毫米,第二个点距离纸的上面40毫米,距离纸的左边10毫米, 这根线高30毫米,是一条实线,线的粗细1像素
LODOP.ADD_PRINT_LINE("10mm", "110mm", "40mm", "110mm", 0, 1);//竖线
LODOP.ADD_PRINT_LINE("40mm", "10mm", "40mm", "110mm", 0, 1);//横线
//上面用4条线画了一个长方形
}
c_lodop实现最基本的打印功能_第5张图片
预览的效果

上面是学会画线,6个参数。下面咱们来打印汉字,背景图,二维码等等

lodop打印二维码实例:http://www.lodop.net/demolist/PrintSample11.html
//直接上代码
//(打印汉字)
//4个参数  你可以理解这是一个div,一个盒子(1.这个盒子距离上面21毫米,2.距离左边45毫米,3.这个盒子长40毫米,4.盒子高8毫米  5.盒子里面的文字是“还是挺想你的”)
LODOP.ADD_PRINT_TEXT("21mm", "45mm", "40mm", "8mm", "还是挺想你的");
LODOP.SET_PRINT_STYLEA(0,"FontName", "方正姚体");//FontName设置字体为宋体
LODOP.SET_PRINT_STYLEA(0,"FontSize", 20);//FontSize设置字体大小(单位是:pt)
LODOP.SET_PRINT_STYLEA(0,"Bold", 1);//Bold:设定纯文本打印项是否粗体 (1是粗体,0不是粗体)。
LODOP.SET_PRINT_STYLEA(0,"Italic", 1);//Italic:设定纯文本打印项是否斜体(1是斜体,0不是斜体)。
//(打印背景图)
LODOP.ADD_PRINT_SETUP_BKIMG("![](./img/图片.png)")//指定图片
LODOP.SET_SHOW_MODE("BKIMG_WIDTH","120mm");//设置图片的宽度
LODOP.SET_SHOW_MODE("BKIMG_HEIGHT","60mm");//设置图片的高度
LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW",true);//预览显示背景图片
LODOP.SET_SHOW_MODE("BKIMG_PRINT",true);//打印背景图片
//(打印二维码)
//6个参数(1.距离纸张的顶部,2距离纸张的左边,3这个二维码的长,4这个二维码高,5 BarCodeType 条码的类型(规制)名称,6 BarCodeValue 条码值)
LODOP.ADD_PRINT_BARCODE(Top,Left,Width,Height,BarCodeType,BarCodeValue);
c_lodop实现最基本的打印功能_第6张图片
效果
c_lodop实现最基本的打印功能_第7张图片
打印出来的效果

Lodop属性和方法详解 :http://blog.sina.com.cn/s/blog_a3869e9a0102wnoy.html

c_lodop升级打印(打印名片)http://www.jianshu.com/p/d2f07a01696b

初入职场菜鸟。

你可能感兴趣的:(c_lodop实现最基本的打印功能)