lodop打印技巧與注意事項

打印前的準備工做
首先用Html和css把完整的打印頁面寫出，注意須要輸入內容的地方要用input輸入框，

技術要點：
一、input的樣式，因爲input的默認樣式每一個瀏覽器顯示不同，既不美觀也不統一，這裏先統一input的樣式
input[type="text"]{border:1px solid #ccc;padding-left:5px;height:20px;line-height:20px;}
input:focus {border-color: #3c8dbc;box-shadow: none;outline: 0;}
//以上樣式爲bootstrap的input 樣式
二、打印預覽的內容是input輸入的內容，正常狀況下，無論輸入什麼內容，打印預覽的的內容都是input的初始value值，修改input的內容不改變html的value屬性須要用js修改屬性

 $('input:text').each(function(i,n){
   this.setAttribute('value',this.value);
  }
  );

接着就要安裝lodop插件，谷歌42版本以上的要安裝c-lodop,經過打印設計把須要輸出的文字，在打印設計裏面把代碼輸出，黏貼到html頁面以下
LODOP.ADD_PRINT_TEXT(211,489,81,20,"輸出內容1");
而後換成動態的輸出內容
LODOP.ADD_PRINT_TEXT(211,489,81,20,document.getElementById("price").innerHTML); 

而後把打印設計改爲打印預覽LODOP.PREVIEW();也能夠把頁面微調的權限受權給客戶，因爲每臺打印機不同，客戶能夠本身微調頁面的位置LODOP.PRINT_SETUP();