掃描識別工具Dynamic Web TWAIN使用教程：如何自定義Web TWAIN對象

Dynamic Web TWAIN是一個專爲Web應用程序設計的TWAIN掃描識別控件。你只需在TWAIN接口寫幾行代碼，就可以用兼容TWAIN的掃描儀掃描文檔或從數碼相機/採集卡中獲取圖像。

本文教你在Dynamic Web TWAIN中如何自定義Web TWAIN對象，歡迎收藏。

 

Dynamic Web TWAIN最新版免費下載>>>

命名Dynamic Web TWAIN對象

默認情況下，（第一個）Dynamic Web TWAIN對象會被命名爲“ DWObject ”。您應該在使用任何其他Dynamic Web TWAIN屬性或方法之前設置它。內置函數Dynamsoft_OnReady是一個有效方法。例如，在我們的Hello World示例中：

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21

<title data-filtered="filtered">Hello World</title> <script type="text/javascript" src="Resources/dynamsoft.webtwain.initiate.js" data-filtered="filtered"> </script> <script type="text/javascript" src="Resources/dynamsoft.webtwain.config.js" data-filtered="filtered"> </script>     <input type="button" value="Scan" onclick="AcquireImage();"> <div id="dwtcontrolContainer"> </div> <script type="text/javascript" data-filtered="filtered">         var DWObject;         function Dynamsoft_OnReady(){             DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');         }         function AcquireImage(){             if(DWObject) {                 DWObject.IfDisableSourceAfterAcquire = true;                 DWObject.SelectSource();                 DWObject.OpenSource();                 DWObject.AcquireImage();             }         }     </script>

ID爲“dwtcontrolContainer”的div是Dynamic Web TWAIN的佔位符。它的名稱和大小可以在在文件dynamsoft.webtwain.config.js 中定義，如下所示。您可以根據需要進行修改。

1	Dynamsoft.WebTwainEnv.Containers = [{ContainerId:'dwtcontrolContainer',Width:270,Height:350}];

 

更改查看器的大小

您可以簡單地在dynamsoft.webtwain.config.js中更改內置查看器的大小。這裏可以使用數字或百分比。例如

1	Dynamsoft.WebTwainEnv.Containers = [{ContainerId:'dwtcontrolContainer',Width: '50%',Height:350}];

 

更改安裝提示的樣式

如果未安裝Dynamic Web TWAIN，則會看到提示用戶安裝SDK的內置界面。

 

在大多數情況下，您可能需要修改“Dynamsoft標誌”。“標誌”是在文件\Resources\reference\hint.css中定義的：

1 2 3 4 5 6

.DYNLogo     {     background:url(logo.gif) left top no-repeat;     width:159px;     height:39px;     }

圖像 (\Resources\reference\logo.gif)是需要更改的文件。最簡單的方法是用自己的標誌替換它，但需要保持相同的名稱和大小。

 

如果您想進一步更改此提示的樣式，可以更改上面提到的css或更改文件\Resources\dynamsoft.webtwain.install.js中的代碼：

1 2 3 4 5 6 7 8 9 10 11 12

function OnWebTwainNotFoundOnWindowsCallback(ProductName, InstallerUrl, bHTML5, bIE, bSafari, bSSL, strIEVersion) { }     /* This callback is triggered when Dynamic Web TWAIN is not installed on a PC running Windows */     function OnWebTwainNotFoundOnMacCallback(ProductName, InstallerUrl, bHTML5, bIE, bSafari, bSSL, strIEVersion) { }     /* This callback is triggered when Dynamic Web TWAIN is not installed on a MAC */     function OnWebTwainOldPluginNotAllowedCallback(ProductName) { }     /* This callback is triggered when Dynamic Web TWAIN is disabled by a non-IE browser */     function OnWebTwainNeedUpgradeCallback(ProductName, InstallerUrl, bHTML5, bMac, bIE, bSafari, bSSL, strIEVersion) { }     /* This callback is triggered when Dynamic Web TWAIN installed on the machine is older than the //one on the server and upgrade is needed */

本次教程到此結束，希望能對Dynamic Web TWAIN的用戶帶來幫助，接下來還會有更多的相關教程，敬請期待！