扫描识别工具Dynamic Web TWAIN使用教程:如何自定义Web TWAIN对象
2017-11-27 00:00
971 查看
Dynamic Web TWAIN是一个专为Web应用程序设计的TWAIN扫描识别控件。你只需在TWAIN接口写几行代码,就可以用兼容TWAIN的扫描仪扫描文档或从数码相机/采集卡中获取图像。
本文教你在Dynamic Web TWAIN中如何自定义Web TWAIN对象,欢迎收藏。
Dynamic Web TWAIN最新版免费下载>>>
<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 中定义,如下所示。您可以根据需要进行修改。
Dynamsoft.WebTwainEnv.Containers = [{ContainerId:'dwtcontrolContainer',Width:270,Height:350}];
Dynamsoft.WebTwainEnv.Containers = [{ContainerId:'dwtcontrolContainer',Width: '50%',Height:350}];
更改安装提示的样式
如果未安装Dynamic Web TWAIN,则会看到提示用户安装SDK的内置界面。
在大多数情况下,您可能需要修改“Dynamsoft标志”。“标志”是在文件\Resources\reference\hint.css中定义的:
图像 (\Resources\reference\logo.gif)是需要更改的文件。最简单的方法是用自己的标志替换它,但需要保持相同的名称和大小。
如果您想进一步更改此提示的样式,可以更改上面提到的css或更改文件\Resources\dynamsoft.webtwain.install.js中的代码:
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的用户带来帮助,接下来还会有更多的相关教程,敬请期待
!
本文教你在Dynamic Web TWAIN中如何自定义Web TWAIN对象,欢迎收藏。
Dynamic Web TWAIN最新版免费下载>>>
命名Dynamic Web TWAIN对象
默认情况下,(第一个)Dynamic Web TWAIN对象会被命名为“ DWObject ”。您应该在使用任何其他Dynamic Web TWAIN属性或方法之前设置它。内置函数Dynamsoft_OnReady是一个有效方法。例如,在我们的Hello World示例中:<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 中定义,如下所示。您可以根据需要进行修改。
Dynamsoft.WebTwainEnv.Containers = [{ContainerId:'dwtcontrolContainer',Width:270,Height:350}];
更改查看器的大小
您可以简单地在dynamsoft.webtwain.config.js中更改内置查看器的大小。这里可以使用数字或百分比。例如Dynamsoft.WebTwainEnv.Containers = [{ContainerId:'dwtcontrolContainer',Width: '50%',Height:350}];
更改安装提示的样式
如果未安装Dynamic Web TWAIN,则会看到提示用户安装SDK的内置界面。
在大多数情况下,您可能需要修改“Dynamsoft标志”。“标志”是在文件\Resources\reference\hint.css中定义的:
.DYNLogo
{
background:url(logo.gif) left top no-repeat;
width:159px;
height:39px;
}
图像 (\Resources\reference\logo.gif)是需要更改的文件。最简单的方法是用自己的标志替换它,但需要保持相同的名称和大小。
如果您想进一步更改此提示的样式,可以更改上面提到的css或更改文件\Resources\dynamsoft.webtwain.install.js中的代码:
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的用户带来帮助,接下来还会有更多的相关教程,敬请期待
!
相关文章推荐
- 扫描识别工具Dynamic Web TWAIN使用教程:如何自定义Web TWAIN对象
- 扫描识别工具Dynamic Web TWAIN使用教程:如何自定义扫描设置
- 扫描识别工具Dynamic Web TWAIN使用教程:如何自定义扫描设置
- 扫描识别工具Dynamic Web TWAIN使用教程:如何将本地图像加载到查看器中
- 扫描识别工具Dynamic Web TWAIN使用教程:如何使用图像编辑器
- 扫描识别工具Dynamic Web TWAIN使用教程:如何使用图像编辑器
- 扫描识别工具Dynamic Web TWAIN使用教程:如何将本地图像加载到查看器中
- 扫描识别工具Dynamic Web TWAIN使用教程:建立一个“Hello World”扫描页面
- 扫描识别工具Dynamic Web TWAIN使用教程:图像操作
- 扫描识别工具Dynamic Web TWAIN使用教程:属性/方法/事件介绍
- 扫描识别工具Dynamic Web TWAIN使用教程:属性/方法/事件介绍
- 扫描识别工具Dynamic Web TWAIN使用教程:建立一个“Hello World”扫描页面
- 扫描识别工具Dynamic Web TWAIN使用教程:图像操作
- Dynamic Web TWAIN使用教程:如何从Firefox扫描图片
- 扫描识别控件Dynamic .NET TWAIN使用教程:如何将事件添加到应用程序中
- 分享:Web应用程序的TWAIN扫描识别工具——Dynamic Web TWAIN
- Dynamic Web TWAINTWAIN扫描识别工具添加文本到图像
- 【FAQ合集】TWAIN扫描识别工具Dynamic Web TWAIN的特性问题
- 分享:Web应用程序的TWAIN扫描识别工具——DYNAMIC WEB TWAIN
- TWAIN扫描识别工具Dynamic Web TWAIN发布v13.2,周年限时7折特惠!