只有努力奋斗，才能看到希望
打印系统
下载版本
下载网址：http://www.lodop.net/download.html
安装的区别 : http://www.lodop.net/faq/pp23.html
安装完成（端口注意）
端口一定是8000/18000(如果不是，左上角设置可以修改)
引用的js
主要的
引用bootstrap,页面美观一点
先用lodop画一个最基础的
页面
代码
//页面点击，看效果 (span标签的class 是显示的图标)
<div class="btn-group">//class="btn-group"效果是让（button紧密的联系在一起）
<button class="btn btn-default" id="preview"><span class="glyphicon glyphicon-eye-open"> 预览</span></button>
<button class="btn btn-default" id="startPrint"><span class="glyphicon glyphicon-print"> 打印</span></button>
<button class="btn btn-default" id="setUp"><span class="glyphicon glyphicon-cog"> 维护</span></button>
</div>
//初始化
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条线画了一个长方形
}
预览的效果
上面是学会画线，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("")//指定图片
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);
效果
打印出来的效果
网友评论