扫描识别工具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的用户带来帮助，接下来还会有更多的相关教程，敬请期待！