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

Dynamic Web TWAIN是一個專爲Web應用程序設計的TWAIN掃描識別控件。你只需在TWAIN接口寫幾行代碼,就能夠用兼容TWAIN的掃描儀掃描文檔或從數碼相機/採集卡中獲取圖像。
本文教你在Dynamic Web TWAIN中如何自定義Web TWAIN對象,歡迎收藏。javascript

命名Dynamic Web TWAIN對象
默認狀況下,(第一個)Dynamic Web TWAIN對象會被命名爲「 DWObject 」。您應該在使用任何其餘Dynamic Web TWAIN屬性或方法以前設置它。內置函數Dynamsoft_OnReady是一個有效方法。例如,在咱們的Hello World示例中:css

<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 中定義,以下所示。您能夠根據須要進行修改。java

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

更改查看器的大小web

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

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

更改安裝提示的樣式ui

若是未安裝Dynamic Web TWAIN,則會看到提示用戶安裝SDK的內置界面。
image015url

在大多數狀況下,您可能須要修改「Dynamsoft標誌」。「標誌」是在文件Resourcesreferencehint.css中定義的:設計

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

圖像 (Resourcesreferencelogo.gif)是須要更改的文件。最簡單的方法是用本身的標誌替換它,但須要保持相同的名稱和大小。image016code

若是您想進一步更改此提示的樣式,能夠更改上面提到的css或更改文件Resourcesdynamsoft.webtwain.install.js中的代碼:server

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的用戶帶來幫助,接下來還會有更多的相關教程,敬請期待!

相關文章
相關標籤/搜索