Web 列印套印解決方案：Lodop 控制項實作證件套印完整範例

套印（表單套印）需在預印證件（發票、報單、卡片）上精準定位列印內容，傳統方案需自行開發座標微調介面，開發成本高。Lodop 列印控制項 內建預覽、維護、設計三大模式，提供視覺化拖曳定位與自動儲存座標，大幅簡化套印開發。

套印三大核心功能

• 列印預覽：終端用戶確認列印輸出。
• 列印維護：用戶可微調內容位置（適應不同印表機誤差），不可修改內容。
• 列印設計：開發人員根據背景圖片排版欄位位置，設定字型、大小、顏色。

完整 JavaScript 實作範例

<script language="javascript">
var LODOP = document.getElementById("LODOP");
CheckLodop();
</script>
<script language="javascript" type="text/javascript">
function Preview2() { CreateDataBill(); LODOP.PREVIEW(); }
function Setup2()   { CreateDataBill(); LODOP.PRINT_SETUP(); }
function Design2()  { CreateDataBill(); LODOP.PRINT_DESIGN(); }
function RealPrint(){ CreateDataBill(); if(LODOP.PRINTA()) alert("已發出列印命令！"); else alert("放棄列印！"); }

function CreateDataBill() {
    LODOP.SET_PRINT_PAPER(10,10,762,533,"發票套印範例");
    LODOP.ADD_PRINT_TEXT(126,150,100,20,"郭德剛");
    LODOP.SET_PRINT_STYLEA(1,"FontColor",16711680);
    LODOP.ADD_PRINT_TEXT(151,150,100,20,"13954885177");
    LODOP.SET_PRINT_STYLEA(2,"FontColor",16711680);
    // ... 更多欄位 ADD_PRINT_TEXT / SET_PRINT_STYLEA ...
    LODOP.ADD_PRINT_SETUP_BKIMG("<img src='Report/證件背景.jpg' />");
    LODOP.SET_SHOW_MODE("BKIMG_IN_PREVIEW",1);
}
</script>

關鍵方法說明

優勢總結

1. 零開發成本實現視覺化座標微調介面。
2. 座標自動持久化（儲存於本機/伺服器），換印表機無需重寫代碼。
3. 支援複雜報表、條碼、圖片、表格等豐富元素。
4. 瀏覽器相容性佳（IE/Edge/Chrome/Firefox 均支援）。

Lodop 讓 Web 套印從「開發噩夢」變為「配置工作」，是企業級 B/S 系統套印首選方案。