只有努力奮斗士袄,才能看到希望
打印系統(tǒng)
下載版本
下載網(wǎng)址:http://www.lodop.net/download.html
安裝的區(qū)別 : http://www.lodop.net/faq/pp23.html
安裝完成(端口注意)
端口一定是8000/18000(如果不是忿族,左上角設(shè)置可以修改)
引用的js
主要的
引用bootstrap,頁面美觀一點
先用lodop畫一個最基礎(chǔ)的
頁面
代碼
//頁面點擊,看效果 (span標(biāo)簽的class 是顯示的圖標(biāo))
<div class="btn-group">//class="btn-group"效果是讓(button緊密的聯(lián)系在一起)
<button class="btn btn-default" id="preview"><span class="glyphicon glyphicon-eye-open"> 預(yù)覽</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"> 維護(hù)</span></button>
</div>
//初始化
var LODOP; //lodop大寫一定需要注意
//綁定點擊事件
$("#preview").bind("click",function(){
//預(yù)覽
LODOP = getLodop();
printInfo();//公共的方法(把一樣的代碼都提取出來)
LODOP.PREVIEW();
})
$("#startPrint").bind("click",function(){
//打印
LODOP = getLodop();
printInfo();//公共的方法
LODOP.PRINT();
})
$("#setUp").bind("click",function(){
//維護(hù)
LODOP = getLodop();
printInfo();//公共的方法
LODOP.PRINT_SETUP();
})
//都會執(zhí)行的代碼
function printInfo(){
//打印初始化
LODOP.PRINT_INIT("打印測試")
//設(shè)定紙張大泻喵蕖(如果 2,3參數(shù)沒有復(fù)制,4參數(shù)寫的"A4"那么紙張就是A4值简烤。如果2/3/4都沒有賦值,紙張是會默認(rèn)自己設(shè)置打印機(jī)的紙張大兄薹摺)
LODOP.SET_PRINT_PAGESIZE(0, "120mm","60mm","")//現(xiàn)在是設(shè)置紙 長120毫米 寬 60毫米
//劃線(前倆個參數(shù)固定 第一個點的坐標(biāo)颓芭,3 4參數(shù)固定第二個點的坐標(biāo),5參數(shù) 是代表實線柬赐,虛線 6參數(shù)代表 線的粗細(xì))
LODOP.ADD_PRINT_LINE("10mm", "10mm", "10mm", "110mm", 0, 1);//這是一條橫線亡问,意思是 第一個點距離紙的上面10毫米,距離紙的左邊10毫米肛宋,第二個點距離紙的上面10毫米州藕,距離紙的左邊110毫米, 這根線長100毫米悼吱,是一條實線慎框,線的粗細(xì)1像素
LODOP.ADD_PRINT_LINE("10mm", "10mm", "40mm", "10mm", 0, 1);//這是一條豎線,意思是 第一個點距離紙的上面10毫米后添,距離紙的左邊10毫米笨枯,第二個點距離紙的上面40毫米,距離紙的左邊10毫米遇西, 這根線高30毫米馅精,是一條實線,線的粗細(xì)1像素
LODOP.ADD_PRINT_LINE("10mm", "110mm", "40mm", "110mm", 0, 1);//豎線
LODOP.ADD_PRINT_LINE("40mm", "10mm", "40mm", "110mm", 0, 1);//橫線
//上面用4條線畫了一個長方形
}
預(yù)覽的效果
上面是學(xué)會畫線粱檀,6個參數(shù)洲敢。下面咱們來打印漢字,背景圖茄蚯,二維碼等等
lodop打印二維碼實例:http://www.lodop.net/demolist/PrintSample11.html
//直接上代碼
//(打印漢字)
//4個參數(shù) 你可以理解這是一個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設(shè)置字體為宋體
LODOP.SET_PRINT_STYLEA(0,"FontSize", 20);//FontSize設(shè)置字體大小(單位是:pt)
LODOP.SET_PRINT_STYLEA(0,"Bold", 1);//Bold:設(shè)定純文本打印項是否粗體 (1是粗體,0不是粗體)皱碘。
LODOP.SET_PRINT_STYLEA(0,"Italic", 1);//Italic:設(shè)定純文本打印項是否斜體(1是斜體询一,0不是斜體)。
//(打印背景圖)
LODOP.ADD_PRINT_SETUP_BKIMG("")//指定圖片
LODOP.SET_SHOW_MODE("BKIMG_WIDTH","120mm");//設(shè)置圖片的寬度
LODOP.SET_SHOW_MODE("BKIMG_HEIGHT","60mm");//設(shè)置圖片的高度
LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW",true);//預(yù)覽顯示背景圖片
LODOP.SET_SHOW_MODE("BKIMG_PRINT",true);//打印背景圖片
//(打印二維碼)
//6個參數(shù)(1.距離紙張的頂部癌椿,2距離紙張的左邊健蕊,3這個二維碼的長,4這個二維碼高踢俄,5 BarCodeType 條碼的類型(規(guī)制)名稱缩功,6 BarCodeValue 條碼值)
LODOP.ADD_PRINT_BARCODE(Top,Left,Width,Height,BarCodeType,BarCodeValue);
效果
打印出來的效果