c_lodop實現(xiàn)最基本的打印功能

只有努力奮斗士袄,才能看到希望

打印系統(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("![](./img/圖片.png)")//指定圖片
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);
效果
打印出來的效果

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

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

初入職場菜鳥褪贵。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末掂之,一起剝皮案震驚了整個濱河市抗俄,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌世舰,老刑警劉巖动雹,帶你破解...
    沈念sama閱讀 219,490評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異跟压,居然都是意外死亡胰蝠,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評論 3 395
  • 文/潘曉璐 我一進(jìn)店門震蒋,熙熙樓的掌柜王于貴愁眉苦臉地迎上來茸塞,“玉大人,你說我怎么就攤上這事查剖〖嘏埃” “怎么了?”我有些...
    開封第一講書人閱讀 165,830評論 0 356
  • 文/不壞的土叔 我叫張陵笋庄,是天一觀的道長效扫。 經(jīng)常有香客問我,道長直砂,這世上最難降的妖魔是什么菌仁? 我笑而不...
    開封第一講書人閱讀 58,957評論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮静暂,結(jié)果婚禮上济丘,老公的妹妹穿的比我還像新娘。我一直安慰自己洽蛀,他們只是感情好摹迷,可當(dāng)我...
    茶點故事閱讀 67,974評論 6 393
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著郊供,像睡著了一般泪掀。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上颂碘,一...
    開封第一講書人閱讀 51,754評論 1 307
  • 那天,我揣著相機(jī)與錄音椅挣,去河邊找鬼头岔。 笑死,一個胖子當(dāng)著我的面吹牛鼠证,可吹牛的內(nèi)容都是我干的峡竣。 我是一名探鬼主播,決...
    沈念sama閱讀 40,464評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼量九,長吁一口氣:“原來是場噩夢啊……” “哼适掰!你這毒婦竟也來了颂碧?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,357評論 0 276
  • 序言:老撾萬榮一對情侶失蹤类浪,失蹤者是張志新(化名)和其女友劉穎载城,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體费就,經(jīng)...
    沈念sama閱讀 45,847評論 1 317
  • 正文 獨居荒郊野嶺守林人離奇死亡诉瓦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,995評論 3 338
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了力细。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片睬澡。...
    茶點故事閱讀 40,137評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖眠蚂,靈堂內(nèi)的尸體忽然破棺而出煞聪,到底是詐尸還是另有隱情,我是刑警寧澤逝慧,帶...
    沈念sama閱讀 35,819評論 5 346
  • 正文 年R本政府宣布昔脯,位于F島的核電站,受9級特大地震影響馋艺,放射性物質(zhì)發(fā)生泄漏栅干。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,482評論 3 331
  • 文/蒙蒙 一捐祠、第九天 我趴在偏房一處隱蔽的房頂上張望碱鳞。 院中可真熱鬧,春花似錦踱蛀、人聲如沸窿给。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽崩泡。三九已至,卻和暖如春猬膨,著一層夾襖步出監(jiān)牢的瞬間角撞,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評論 1 272
  • 我被黑心中介騙來泰國打工勃痴, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留谒所,地道東北人。 一個月前我還...
    沈念sama閱讀 48,409評論 3 373
  • 正文 我出身青樓沛申,卻偏偏與公主長得像劣领,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子铁材,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,086評論 2 355

推薦閱讀更多精彩內(nèi)容