WEB套打可選方案不多，理想的更少，利用免費控制元件Lodop+JavaScript實現精確套打，算是較為經典的選擇。這種方案其實比較簡單，利用一個htm檔案就可以實現模板設計過程，幾乎是“空手套”式的開發，但理解這幾個步驟還是需要點時間，下面一步步詳細演示說明：

第一步：建立一個空白的模板設計檔案

把以下超文字程式碼複製到一個本地htm檔案中:

本文模擬EMS特快專遞單的程式開發，檔案起名為printEMS.htm，權且稱它為模板設計檔案。

第二步：用瀏覽器開啟該檔案

    在本地資料夾中雙擊該檔案就可以開啟，但在進入設計之前，你的機器需要安裝Lodop，如果還沒安裝過，

請在如下地址下載安裝檔案(解壓rar後執行那個exe檔案，Lodop是一個1M左右的小檔案)：

第三步：準備設計

    成功安裝Lodop之後再次開啟模板設計檔案printEMS.htm，點選其中“模板設計”連結，就彈出如下空白的列印設計視窗：

   為了儘快定位模板中的資料位置，你需要做一張票據掃描圖作為背景，當然沒有掃描圖也能完成，只是需要多摸索幾次，費點時間而已。

   下面是我做的EMS掃描圖，你把該圖另存成一個jpg檔案，以便我們一起完成後面的演示步驟。

第四步：裝載背景圖並調整圖片大小

在列印設計視窗，點下圖所示的“裝載背景圖...”選單，調入以上儲存的EMS圖片檔案。

   裝載背景圖後，點上圖所示的“調整背景圖...”選單，彈出下圖“背景圖調整”視窗，設定其中的圖片寬度為209mm,高度113mm會自動變化。

   這個寬度值是我測量實際票據得來的。如果掃描圖是按1:1比例獲得的，那麼調整背景圖這一步就免了，當然要做點這點很難，所以最好還是在這裡直接設定具體尺寸反倒簡單。

第五步：新增資料內容，開始列印測試

     點下圖所示“插入文字項”選單，新增列印內容，內容項可以拖拉或精細調整，基本對準之後，點選“預覽”按鈕（注意旁邊的“列印”按鈕是收費功能，紙上會有水印，而“預覽時的列印”按鈕是完全免費的，我們用後者）。

    把內容列印到薄一點的白紙上，然後在陽光下與真實票據透亮對比，以最左最上的某個內容為基準，其它內容遠近調整，如此反覆測試直到所有內容相互位置都對準。

    這一步先做到內容之間的相互位置

第六步：整體對準

    由於印表機左邊距或上邊距不一定是零或票據邊緣有誤差，所以儘管第五步打印出來的內容相互之間位置是準確的，但列印到真實票據上仍會整體偏離一些，需要進行整體位置調整。

   點選下圖紅圈所示的“紙釘”按鈕，“紙釘”彈起後，整個設計版面就可以上下左右調整了，然後按上一步的辦法列印測試，直到整體對準成功。為了避免浪費票據，列印時仍可用薄白紙測試，注意此時透光對照時，紙張的左邊沿和上邊沿要與票據對齊，通過觀察內容的位置來判斷是否整體對準。

第七步：生成列印模板的程式程式碼

    套打測試成功後，點選第五步圖中所示的“生成程式程式碼”選單，出現下圖結果，這些程式碼就是我們需要的模板程式程式碼，把他們複製出來，準備融合到你的頁面程式中使用。

第八步：完成列印模板設計檔案

想不想知道WEB套打有啥感覺？好，我們先做一個靜態WEB頁面爽一下：把第七步生成的程式程式碼，

插入替換第一步的空白設計檔案CreatePrintPage函式內，變成如下內容:

把以上內容複製到另外一個htm檔案printEMS_OK.htm中，雙擊開啟它，點其中的列印預覽，就可以實現簡單的WEB套打了。

   以上八步基本完成了模板設計，並實現靜態頁面套打，但要把模板程式碼融合到實際的WEB程式中，還需要做些工作。

第九步：模板程式程式碼的使用

把以上CreatePrintPage函式進行簡單改造，原函式如下：

function CreatePrintPage() {
    LODOP.PRINT_INITA(14,11,800,600,"套打EMS的模板");
    LODOP.ADD_PRINT_TEXT(95,95,75,20,"寄件人姓名");
    LODOP.ADD_PRINT_TEXT(123,148,194,20,"寄件人單位名稱");
    LODOP.ADD_PRINT_TEXT(158,101,238,35,"寄件人的詳細地址");
    LODOP.ADD_PRINT_TEXT(92,446,75,20,"收件人姓名");
    LODOP.ADD_PRINT_TEXT(122,496,208,20,"收件人單位名稱");
    LODOP.ADD_PRINT_TEXT(160,460,244,35,"收件人詳細地址");
    LODOP.ADD_PRINT_TEXT(289,47,178,22,"內件品名");
    LODOP.ADD_PRINT_TEXT(290,258,100,20,"內件數量");
    LODOP.ADD_PRINT_TEXT(92,245,100,20,"寄件人電話");
    LODOP.ADD_PRINT_TEXT(90,608,75,20,"收件人電話");
};

把其中的列印內容提出來做為變數引數，函式改成如下樣式：

function CreatePrintPage(strPName,strJJRXM,strJJRDW,strJJRDZ,strSJRXM,strSJRDW,strSJRDZ,strNJPM,strNJSL,strJJRDH,strSJRDH) {
    LODOP.PRINT_INITA(14,11,800,600,strPName);        //列印任務名
    LODOP.ADD_PRINT_TEXT(95,95,75,20,strJJRXM);       //寄件人姓名
    LODOP.ADD_PRINT_TEXT(123,148,194,20,strJJRDW);    //寄件人單位名稱
    LODOP.ADD_PRINT_TEXT(158,101,238,35,strJJRDZ);    //寄件人的詳細地址
    LODOP.ADD_PRINT_TEXT(92,446,75,20,strSJRXM);      //收件人姓名
    LODOP.ADD_PRINT_TEXT(122,496,208,20,strSJRDW);    //收件人單位名稱
    LODOP.ADD_PRINT_TEXT(160,460,244,35,strSJRDZ);    //收件人詳細地址
    LODOP.ADD_PRINT_TEXT(289,47,178,22,strNJPM);      //內件品名
    LODOP.ADD_PRINT_TEXT(290,258,100,20,strNJSL);     //內件數量
    LODOP.ADD_PRINT_TEXT(92,245,100,20,strJJRDH);     //寄件人電話
    LODOP.ADD_PRINT_TEXT(90,608,75,20,strSJRDH);      //收件人電話
};

這個改造後的JS函式還是很好理解的，無論寫入js檔案還是直接嵌在頁面內都簡單易用。

如果你改變了內容的字型、大小、粗斜體等格式，程式碼還會多一些，但總體來說比較簡潔。

第十步：設定紙張高度，實現連續套打

多數套打業務的票據是連續紙，需要精確地分頁，從而保證連續多頁列印不偏移，

為此以上程式碼還要在PRINT_INITA之後加一行SET_PRINT_PAGESIZE語句：

function CreatePrintPage() {
    LODOP.PRINT_INITA(14,11,800,600,"套打EMS的模板");
    LODOP.SET_PRINT_PAGESIZE(1,"209mm","113mm","");//設定紙張高度
    LODOP.ADD_PRINT_TEXT(95,95,75,20,"寄件人姓名");
    LODOP.ADD_PRINT_TEXT(123,148,194,20,"寄件人單位名稱");
    LODOP.ADD_PRINT_TEXT(158,101,238,35,"寄件人的詳細地址");
    LODOP.ADD_PRINT_TEXT(92,446,75,20,"收件人姓名");
    LODOP.ADD_PRINT_TEXT(122,496,208,20,"收件人單位名稱");
    LODOP.ADD_PRINT_TEXT(160,460,244,35,"收件人詳細地址");
    LODOP.ADD_PRINT_TEXT(289,47,178,22,"內件品名");
    LODOP.ADD_PRINT_TEXT(290,258,100,20,"內件數量");
    LODOP.ADD_PRINT_TEXT(92,245,100,20,"寄件人電話");
    LODOP.ADD_PRINT_TEXT(90,608,75,20,"收件人電話");
};

   其中209mm這個紙寬引數意義不大，主要是113mm這個高度引數，它決定了每頁的走紙距離，對連續列印影響很大。這個值是我測量實際票據高度得來的，包含紙張之間的撕孔間隙。理想的測量方式，是若干頁連起來一起測量取其平均高。

   加入紙高控制後的列印預覽如下，你可以連續列印兩頁內容到同一張長一點的白紙上，測試對照一下看看。把以上加入SET_PRINT_PAGESIZE語句的程式碼複製進第三個htm檔案printEMS_OKM.htm試試。假如從第二頁開始，內容向下偏移，說明紙張高度設定比實際票據大，就減小113mm這個引數值，否則增大它，這個引數可以精確到0.1mm。

第十一步：讓操作者自己調整位置

    以上十步實現的套打可以很精確，但都是以當前印表機為前提。如果你的列印程式要面對許多種型別的印表機，甚至一些未知的印表機型別，那麼“列印維護”功能會很有用處。你可以根據情況在程式中把該功能授權給最終操作者或現場技術維護人員，讓使用者自己來調整列印位置，以適應各種型別的印表機。

   列印維護的指令語句是PRINT_SETUP，進入包含該功能的線上檔案PrintEMS_OKMSetup.htm,先在列印維護中調整一下列印內容或整體位置，點“應用”按鈕。關閉瀏覽器後重新開啟，進入“列印預覽”，看看是否有關聯變化。下圖是列印維護介面，其中能看到“應用”按鈕和“恢復整體預設”按鈕的位置。

注意： 如果你在電腦對列印紙張已經進行了設定，就不需要在程式中設定紙張大小，如下面兩句:LODOP.PRINT_INITA(14,11,800,600,"套打                    EMS的模板");LODOP.SET_PRINT_PAGESIZE(1,"209mm","113mm","");//設定紙張高度；如果你兩邊都進行設定就會出現列印紙張不符            合的問題，印表機會出現檢查錯誤，從而列印不了，具體設定根據你測試情況而定

本文參考如下資料：

轉載自:http://blog.sina.com.cn/s/blog_721e77e50100ng1o.html