將 install_lodop32.exe 、 install_lodop64.exe和LodopFuncs.js三個檔案放進一個資料夾。

install_lodop32.exe 和 install_lodop64.exe這倆檔案是控制元件安裝和升級的主程式檔案，其中install_lodop32.exe適用於32位瀏覽器，install_lodop64.exe適用於64位瀏覽器。

一、頁面呼叫JS 

<script language="javascript" type="text/javascript" src="Lodop/LodopFuncs.js"></script>
    <object id="LODOP_OB" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA" width="0"
        height="0">
        <embed id="LODOP_EM" type="application/x-print-lodop" width="0" height="0" pluginspage="Lodop/install_lodop32.exe"></embed>
    </object>

 

二、列印基本功能：

var LODOP;
function f_print(){
LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
        LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4"); //規定紙張大小；使用A4紙。
        //SET_PRINT_STYLE:設定純文字列印項風格,格式：SET_PRINT_STYLE(strStyleName,varStyleValue)。
        //strStyleName：列印風格名，設定純文字風格名稱及其含義如下：|varStyleValue：列印風格值，相關值如下：
        //“FontName”： 字型名稱。|值： 字元型，與作業系統字型名一致，預設是“宋體”。
        //“FontSize”： 字型大小。|值：數值型，單位是pt，預設值是9，可以含小數，如13.5。
        //“FontColor”： 字型顏色。|值：整數或字元型，如同CSS的color。
        //“Bold”： 是否粗體。|值：數字型，1代表粗體，0代表非粗體，預設值是0。
        //“Italic”： 是否斜體。|值：數字型，1代表斜體，0代表非斜體，預設值是0。
        //“Underline”： 是否下滑線。|值：數字型，1代表有下劃線，0代表無下劃線，預設值是0。
        //“Alignment”： 內容左右靠齊方式。|值：數字型，1--左靠齊 2--居中 3--右靠齊，預設值是1。
        //“Angle”： 旋轉角度。|值：數字型，逆時針旋轉角度數，單位是度，0度表示不旋轉


        //注意：設定樣式可以覆蓋，更多設定參考技術使用文件。
        LODOP.SET_PRINT_STYLE("FontColor", "#000000");//字型顏色
        LODOP.SET_PRINT_STYLE("FontSize", 14); //字型大小
        LODOP.ADD_PRINT_TEXT(50, 50, 100, 39, "我的部落格"); //內容，引數（左邊距，上邊距，內容顯示寬度，內容顯示高度）


        LODOP.SET_PRINT_STYLE("FontColor", "#00ff00"); //更換顏色
        LODOP.ADD_PRINT_TEXT(80, 50, 360, 39, "更換顏色");
        LODOP.SET_PRINT_STYLE("FontSize", 24); //更換大小
        LODOP.ADD_PRINT_TEXT(110, 50, 360, 39, "更換大小");


        LODOP.ADD_PRINT_LINE(150, 50, 200, 50, 0, 1); //線，豎槓(上邊距1,1左邊距,上邊距2,2左邊距,intLineStyle, intLineWidth)
        //intLineStyle:線條型別，預設為0；0--實線 1--破折線 2--點線 3--點劃線 4--雙點劃線
        //intLineWidth:線條寬，預設是1，整數型，單位是(列印)畫素，非實線的線條寬也是0。
        LODOP.ADD_PRINT_LINE(150, 50, 150, 200, 0, 1); //線，橫槓(上邊距1,1左邊距,上邊距2,2左邊距,intLineStyle, intLineWidth)
        LODOP.PREVIEW();//列印預覽
        //LODOP. PRINT (); //不經列印預覽的直接列印。
}

 

以上程式碼列印預覽：

      var LODOP;
      function f_print() {
          LODOP = getLodop(document.getElementById('LODOP_OB'), document.getElementById('LODOP_EM'));
          LODOP.SET_PRINT_PAGESIZE(1, 0, 0, "A4"); //規定紙張大小
          LODOP.SET_PRINT_STYLE("FontColor", "red"); //字型顏色        
          LODOP.SET_PRINT_STYLE("FontSize", 14); //字型大小
          for (var a = 0; a < 3; a++) {
              var number = a + 1;
              sTmp = "第" + number + "頁，共3頁";
              LODOP.ADD_PRINT_TEXT(100, 100, 400, 39, "頁數：" + sTmp);
              LODOP.NEWPAGE();//強制分頁
          }
          LODOP.PREVIEW(); //列印預覽
      }
 

2、列印維護：PRINT_SETUP()：對整頁的列印佈局和列印風格進行介面維護，它與列印設計的區別是不具有列印項增刪功能，目標使用者是終端使用者。
 

正在更新......

待補充。。。。。。

1、強制分頁：NEWPAGE()：執行該函式之後所增加的內容會在前面內容的首頁之後新建一頁輸出，前面無內容時，仍然從第一頁開始。