主要功能点

正如我们在上一节中介绍的三种使用Dynamic Web TWAIN的方法,您可以通过三种方式控制Dynamic Web TWAIN对象:属性,方法和事件。

在这里,我们将更详细地介绍Dynamic Web TWAIN的功能。


设置扫描仪

在开始实际扫描会话之前,您可以选择扫描文档的方式。 通常,您可以更改扫描仪内置用户界面中的所有设置。 以虚拟扫描仪为例:

Explore-the-Features-1

所有这些设置对于最终用户来说可能是一种负担,特别是对于那些没有技术背景的用户。使用Dynamic Web TWAIN,您可以在JavaScript代码中自定义所有这些设置。 例如:

DWObject.SelectSource();
DWObject.OpenSource();
DWObject.IfShowUI = false;// 隐藏默认UI
DWObject.IfFeederEnabled = true;// 使用自动进纸
DWObject.IfDuplexEnabled = false;// 使用单页扫描
DWObject.PixelType = EnumDWT_PixelType.TWPT_GRAY; // 扫描灰度图
DWObject.Resolution = 200; // 使用200DPI扫描
DWObject.AcquireImage();// 开始扫描

查看扫描图片

在Dynamic Web TWAIN中扫描或加载图像时,您可以开始操作图像:

  1. 通过更改属性CurrentImageIndexInBuffer来浏览每个图像。

    /* 查看第3张图 */
    DWObject.CurrentImageIndexInBuffer = 2;
    
  2. 使用SetViewMode()更改视图模式(除1x1或-1x-1外)显示多个图像。

    /* 同时查看4张图 */
    DWObject.SetViewMode(2, 2);
    

    Explore-the-Features-2

  3. 旋转,翻转,镜像或裁剪图像等。

    DWObject.Mirror(0);//镜像第一张图
    DWObject.Flip(1);//翻转第二张图
    DWObject.RotateRight(2);//将第三张图顺时针旋转90度
    DWObject.Crop(3,101,243,680,831);//裁剪第四张图
    DWObject.RotateLeft(3);//将第四张图逆时针旋转90度
    

    Explore-the-Features-3

此外,您可以通过图像的索引来删除指定图像,或一次删除所选图像或所有图像。 使用的接口方法分别是RemoveImage()RemoveAllSelectedImages()RemoveAllImages()


使用内置图片编辑器

什么是图像编辑器

图像编辑器是本SDK的内置功能,可以为您节省大量设计扫描页面的时间。

您可以用图像编辑器做什么

在图像查看器中,您可以:

  1. 浏览当前扫描或加载的所有图像
  2. 扫描,加载,打印,删除图像等
  3. 通过以下方式编辑图像:旋转,镜像,裁剪,翻转,更改大小,擦除等

打开图像编辑器

您可以使用ShowImageEditor()方法来显示编辑器窗口:

DWObject.ShowImageEditor();

Explore-the-Features-4

默认情况下图像编辑器会占据全屏。 在版本14.0中,编辑器也可以在页面上的DIV元素中创建,这将在下一节中讨论。


创建缩略图视窗

在版本14.0中,您可以使用Dynamic Web TWAIN的内置编辑器和主图像查看器来创建缩略图视图。 以下代码显示了它是如何完成的。

<!DOCTYPE html>
<html>
<head>
    <title>Thumbnails View</title>
    <script src="Resources/dynamsoft.webtwain.config.js"></script>
    <script src="Resources/dynamsoft.webtwain.initiate.js"></script>
</head>
<body>
    <div id="dwtcontrolContainer" style="float: left; margin-right:20px;"></div>
    <div id="dwtcontrolContainerLargeViewer" style="float: left;"></div>
    <script type="text/javascript">
        Dynamsoft.WebTwainEnv.RegisterEvent('OnWebTwainReady', Dynamsoft_OnReady);
        var DWObject;
        function Dynamsoft_OnReady() {
            DWObject = Dynamsoft.WebTwainEnv.GetWebTwain('dwtcontrolContainer');
            if (DWObject) {
                DWObject.Width = 200;
                DWObject.Height = 600;
                DWObject.ShowImageEditor("dwtcontrolContainerLargeViewer", 750, 600);
                DWObject.SetViewMode(1, 4);
            }
        }
    </script>
</body>
</html>

下图展示了它的外观。

Explore-the-Features-5

正如图中所示,内置编辑器本身具有许多功能。 您只需单击按钮即可扫描,加载,删除图像以及直接在编辑器中对图像进行编辑,放大/缩小以便更好地查看图像等。 这些按钮也可以在文件dynamsoft.webtwain.config.js中进行配置。

dynamsoft.webtwain.config.js

以下是默认配置,您可以编辑可见性以显示/隐藏某些功能。

bShowAllButtons: true,
visibility: {
    //only valid when bShowAllButtons is true, otherwise changing visibility does nothing
    'scan': true, 'load': true, 'print': true,
    'removeall': true, 'removeselected': true,
    'rotateleft': true, 'rotate': true, 'rotateright': true, 'deskew': true,
    'crop': true, 'erase': true, 'changeimagesize': true, 'flip': true, 'mirror': true,
    'zoomin': true, 'originalsize': true, 'zoomout': true, 'stretch': true,
    'fit': true, 'fitw': true, 'fith': true,
    'hand': true, 'rectselect': true, 'zoom': true
}

results matching ""

    No results matching ""