npm - simple-dynamsoft-mcp - Versions diffs - 5.0.0 → 6.3.0 - Mend

simple-dynamsoft-mcp 5.0.0 → 6.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1061) hide show

package/code-snippet/dynamic-web-twain/scan/basic-scan.html DELETED Viewed

@@ -1,227 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Basic Scan</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="stylesheet" href="../css/global.css" />
-    <link rel="stylesheet" href="../css/scan.css" />
-</head>
-<body>
-    <div class="ds-div-scanPageHeader">
-        <div class="ds-div-title">Basic Scan</div>
-        <p class="ds-div-description">The scanner must support scanner properties in order for the property to be
-            successfully set.</p>
-    </div>
-    <div class="ds-div-scanPageDemo">
-        <div class="ds-div-scanPage-column ds-div-scanPage-column0">
-            <div class="ds-div-scan-step1 mb10">
-                <div class="ds-div-scan-step">Step 1</div>
-                <div class="ds-div-scan-step-detail">
-                    <div>Source Type: </div>
-                    <ul>
-                        <li>
-                            <label class="ds-div-fixed-label" for="TWAIN"><input type="checkbox" id="TWAIN"
-                                    name="SourceType" checked="checked">TWAIN(Windows/macOS)</label>
-                            <label for="WIA"><input type="checkbox" id="WIA" name="SourceType"
-                                    checked="checked">WIA(Windows)</label>
-                        </li>
-                        <li>
-                            <label class="ds-div-fixed-label" for="TWAINX64"><input type="checkbox" id="TWAINX64"
-                                    name="SourceType" checked="checked">TWAINX64(Windows/macOS)</label>
-                            <label for="ICA"><input type="checkbox" id="ICA" name="SourceType"
-                                    checked="checked">ICA(macOS) </label>
-                        </li>
-                        <li>
-                            <label for="SANE"><input type="checkbox" id="SANE" name="SourceType"
-                                    checked="checked">SANE(Linux)</label>
-                        </li>
-                        <li>
-                            <label for="ESCL"><input type="checkbox" id="ESCL"
-                                    name="SourceType">ESCL(Windows/macOS/Linux)</label>
-                        </li>
-                        <li>
-                            <label for="WIFIDIRECT"><input type="checkbox" id="WIFIDIRECT"
-                                    name="SourceType">WIFIDIRECT(Windows/macOS/Linux)</label>
-                        </li>
-                    </ul>
-                    <input type="button" value="Get Sources" class="ds-button-bg-black" onclick="GetSource();" />
-                </div>
-            </div>
-            <div class="ds-div-scan-step2 mb10">
-                <div class="ds-div-scan-step">Step 2</div>
-                <div class="ds-div-scan-step-detail">
-                    <div>Select Source: <select size="1" id="source"></select></div>
-                    <div> Pixel Type:
-                        <label for="BW"><input type="radio" id="BW" name="PixelType">B&amp;W </label>
-                        <label for="Gray"><input type="radio" id="Gray" name="PixelType">Gray</label>
-                        <label for="RGB"><input type="radio" id="RGB" name="PixelType" checked="checked">Color</label>
-                    </div>
-                    <div>
-                        <label><input type="checkbox" id="ADF">Auto Feeder</label>
-                        <label><input type="checkbox" id="ShowUI">Show UI</label>
-                        <label><input type="checkbox" id="Duplex">2-sided Scan</label><br />
-                    </div>
-                    <div> Resolution:
-                        <select size="1" id="Resolution">
-                            <option value="100">100</option>
-                            <option value="150">150</option>
-                            <option value="200">200</option>
-                            <option value="300">300</option>
-                        </select>
-                    </div>
-                    <input type="button" id="btnAcquireImage" value="Scan" class="ds-button-bg-black"
-                        onclick="AcquireImage();" />
-                </div>
-            </div>
-        </div>
-        <div class="ds-div-scanPage-column ds-div-scanPage-column1">
-            <div id="dwtcontrolContainer" style="width: 100%; height: 100%;"></div>
-        </div>
-    </div>
-    <style>
-        .ds-div-scan-step1 {
-            padding: 0 0 0 0;
-        }
-        .ds-div-scan-step2 {
-            padding: 0 0 0 0;
-        }
-        .ds-div-scan-step2>div {
-            margin: 10px 0;
-        }
-        li label {
-            display: inline-block;
-            margin: 0 10px 0 0;
-        }
-        .ds-button-bg-black,
-        #btnAcquireImage {
-            width: 110px;
-        }
-        .ds-div-scan-step {
-            margin: 0px !important;
-        }
-        .ds-div-scan-step-detail {
-            margin-left: 10px !important;
-        }
-    </style>
-    <script src="https://cdn.jsdelivr.net/npm/dwt@latest/dist/dynamsoft.webtwain.min.js"></script>
-    <script type="text/javascript">
-        Dynamsoft.DWT.Containers = [{ ContainerId: 'dwtcontrolContainer', Width: '100%', Height: '100%' }];
-        Dynamsoft.DWT.ProductKey = "DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ==";
-        Dynamsoft.DWT.ResourcesPath = 'https://cdn.jsdelivr.net/npm/dwt@latest/dist';
-        Dynamsoft.DWT.ServiceInstallerLocation = 'https://download2.dynamsoft.com/Demo/DWT/Resources/dist/';
-        Dynamsoft.DWT.AutoLoad = true;
-        var DWTObject, deviceList;
-        Dynamsoft.DWT.RegisterEvent("OnWebTwainReady", function () {
-            DWTObject = Dynamsoft.DWT.GetWebTwain('dwtcontrolContainer'); // Get the Dynamic Web TWAIN object that is embeded in the div with id 'dwtcontrolContainer'
-            var btnAcquireImage = document.getElementById('btnAcquireImage');
-            btnAcquireImage.disabled = true;
-        });
-        function AcquireImage() {
-            if (DWTObject) {
-                var i, iPixelType = 0;
-                for (i = 0; i < 3; i++) {
-                    if (document.getElementsByName('PixelType').item(i).checked == true)
-                        iPixelType = i;
-                }
-                var ddlSource = document.getElementById('source');
-                if (ddlSource) {
-                    if (ddlSource.selectedIndex == -1) {
-                        alert('No source available. Please click the "Get Source" button to retrieve the source.');
-                        return;
-                    }
-                    DWTObject.SelectDeviceAsync(deviceList[ddlSource.selectedIndex]).then(function () {
-                        return DWTObject.AcquireImageAsync({
-                            IfShowUI: document.getElementById('ShowUI').checked,
-                            PixelType: iPixelType,
-                            Resolution: document.getElementById('Resolution').value,
-                            IfFeederEnabled: document.getElementById('ADF').checked, //Set whether or not a data source's Automatic Document Feeder (ADF) is enabled for scanning.
-                            IfDuplexEnabled: document.getElementById('Duplex').checked,
-                            IfCloseSourceAfterAcquire: true // Scanner source will be closed automatically after the scan.
-                        });
-                    }).catch(function (exp) {
-                        alert(exp.message);
-                    });
-                }
-            }
-        }
-        function GetSource() {
-            if (DWTObject) {
-                deviceList = [];
-                var deviceType = 0;
-                var TWAINEl = document.getElementById("TWAIN");
-                if (TWAINEl.checked) {
-                    deviceType |= Dynamsoft.DWT.EnumDWT_DeviceType.TWAINSCANNER;
-                }
-                var WiaEl = document.getElementById("WIA");
-                if (WiaEl.checked) {
-                    deviceType |= Dynamsoft.DWT.EnumDWT_DeviceType.WIASCANNER;
-                }
-                var TWAIN64El = document.getElementById("TWAINX64");
-                if (TWAIN64El.checked) {
-                    deviceType |= Dynamsoft.DWT.EnumDWT_DeviceType.TWAINX64SCANNER;
-                }
-                var ICAEl = document.getElementById("ICA");
-                if (ICAEl.checked) {
-                    deviceType |= Dynamsoft.DWT.EnumDWT_DeviceType.ICASCANNER;
-                }
-                var SANEEl = document.getElementById("SANE");
-                if (SANEEl.checked) {
-                    deviceType |= Dynamsoft.DWT.EnumDWT_DeviceType.SANESCANNER;
-                }
-                var EsclEl = document.getElementById("ESCL");
-                if (EsclEl.checked) {
-                    deviceType |= Dynamsoft.DWT.EnumDWT_DeviceType.ESCLSCANNER;
-                }
-                var WIFIDirctEl = document.getElementById("WIFIDIRECT");
-                if (WIFIDirctEl.checked) {
-                    deviceType |= Dynamsoft.DWT.EnumDWT_DeviceType.WIFIDIRECTSCANNER;
-                }
-                var btnAcquireImage = document.getElementById("btnAcquireImage");
-                document.getElementById('source').options.length = 0;
-                if (deviceType != 0) {
-                    DWTObject.GetDevicesAsync(deviceType).then(function (devices) {
-                        if (devices.length == 0) {
-                            btnAcquireImage.disabled = true;
-                        } else {
-                            btnAcquireImage.disabled = false;
-                        }
-                        for (var i = 0; i < devices.length; i++) { // Get how many sources are installed in the system
-                            document.getElementById('source').options.add(new Option(devices[i].displayName, i)); // Add the sources in a drop-down list
-                            deviceList.push(devices[i]);
-                        }
-                    }).catch(function (exp) {
-                        alert(exp.message);
-                    });
-                } else {
-                    btnAcquireImage.disabled = true;
-                }
-            }
-        }
-    </script>
-</body>
-</html>

package/code-snippet/dynamic-web-twain/scan/capabilities/capabilities.html DELETED Viewed

@@ -1,296 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Batch-Setting Scanner Capabilities</title>
-    <link rel="stylesheet" href="../../css/global.css?v=20250121" />
-    <link rel="stylesheet" href="../../css/scan.css?v=20250121" />
-    <link rel="stylesheet" href="Style/jquery-ui.css?v=20250121" />
-    <link href="Scripts/contextMenu/jquery.contextMenu.min.css?v=20250121" rel="stylesheet" type="text/css" />
-</head>
-<body onunload="_unload();">
-    <div id="ValueSelector" title="Select A Value" class="hidden" style="min-width: 150px;">
-    </div>
-    <div class="ds-div-scanPageHeader">
-        <div class="ds-div-title">Batch-Setting Scanner Capabilities</div>
-        <p>This demo requires a scanner that supports batch setting scanner capabilities.</p>
-    </div>
-    <div class="ds-div-scanPageDemo">
-        <div class="ds-div-scanPage-column ds-div-scanPage-column0">
-            <div><label for="left">Select Source:</label><select size="1" id="source"
-                    style="margin: 0 10px;"></select><input type="button" value="Get Capabilities"
-                    class="ds-button-bg-black" onclick="GetAllCapabilities();" /></div>
-            <div id="capabilities" class="noselect clearfix mt10">
-                <table id="tblCAPList">
-                    <thead id="tblCAPListHead">
-                        <tr>
-                            <th style="width:40%;">Capability</th>
-                            <th style="width:15%;">Current Value</th>
-                            <th style="width:15%;">Value Type</th>
-                            <th style="width:10%;">Container</th>
-                            <th style="width:5%;">#</th>
-                            <th style="width:15%;">Operation Type</th>
-                            <th style="display: none;">Original Index</th>
-                            <th style="display: none;">Runtime Index</th>
-                        </tr>
-                    </thead>
-                    <tbody id="tBodyCAPList"></tbody>
-                </table>
-            </div>
-            <input type="button" value="Scan" class="ds-button-bg-black" onclick="AcquireImage();" />
-            <input type="button" value="Close Source" class="ds-button-bg-white" onclick="CloseSource();" />
-        </div>
-        <div class="ds-div-scanPage-column ds-div-scanPage-column1">
-            <div id="dwtcontrolContainer" style="width: 100%; height: 100%;"></div>
-        </div>
-    </div>
-    <div class="ds-div-scanPageNote"><label for="message">Note: This demo automatically closes the Source when you leave
-            the page. After modifying capabilities or completing a scan, the Source remains open. To release the Source
-            without leaving the page, click "Close Source".</label></div>
-    <style>
-        #capabilities {
-            border: solid 1px #CCC;
-            overflow: auto;
-        }
-        .ds-table-col0 {
-            padding: 0 5px;
-            font-size: 12px;
-        }
-        .ds-button-bg-black,
-        .ds-button-bg-white {
-            margin: 10px 15px;
-        }
-        .ds-div-scanPage-column0 {
-            width: 900px;
-            padding: 5px;
-        }
-        .ds-div-scanPage-column1 {
-            width: calc(100% - 900px);
-        }
-        table,
-        th,
-        td {
-            border: 1px solid #CCC;
-        }
-        table,
-        td {
-            border-collapse: collapse;
-            font-size: 12px;
-        }
-        table {
-            width: 100%
-        }
-        th {
-            word-wrap: normal;
-            line-height: 17px;
-            color: #fff;
-            background-color: #787878;
-        }
-        tr.even {
-            background-color: #E2E2E2;
-        }
-        li.over,
-        tr.over {
-            background-color: #fafafa;
-        }
-        td {
-            padding: 5px;
-        }
-        th {
-            padding-right: 20px;
-            padding-left: 10px;
-        }
-        th.sortUp {
-            color: #fff;
-            background: #323334 url(Images/asc.png) no-repeat right center;
-        }
-        th.sortDown {
-            color: #fff;
-            background: #323334 url(Images/desc.png) no-repeat right center;
-        }
-        tr.ReadOnly {
-            color: #aaaaaa;
-        }
-        tr.Changed,
-        td.Changed {
-            font-weight: bold;
-            color: red;
-        }
-        .ds-div-scanPageNote {
-            margin: 25px auto;
-            padding: 5px;
-            height: 50px;
-            border: 1px solid #CCCCCC;
-        }
-        #capabilities {
-            color: #323334;
-        }
-        .ds-div-try-buttons {
-            margin-top: 10px;
-        }
-        .ds-div-scanPageTry {
-            margin: 2px auto;
-            padding: 10px 0;
-            height: 120px;
-        }
-        .ds-div-scanPageTry h2 {
-            line-height: 20px;
-            padding: 0;
-            margin: 7px 0 0 0;
-        }
-        .ds-div-scanPageAPI,
-        .ds-div-scanPageHeader,
-        .ds-div-scanPageNote,
-        .ds-div-scanPageDemo,
-        .ds-div-scanPageDemo-button,
-        .ds-div-scanPageTry {
-            width: 1500px;
-        }
-        .ds-div-scanPage-column0 {
-            width: 950px;
-        }
-        .ds-div-scanPage-column1 {
-            width: calc(100% - 950px);
-        }
-        table,
-        td,
-        .ds-table-col0 {
-            font-size: 14px;
-        }
-        tr,
-        td,
-        th {
-            padding: 5px;
-            line-height: 20px;
-        }
-        .ds-div-scanPageNote {
-            height: 60px;
-        }
-        .ds-div-scanPage-column,
-        .ds-div-scanPageDemo {
-            height: 840px;
-            min-height: 840px;
-        }
-        #capabilities {
-            height: 700px;
-            min-height: 700px;
-        }
-    </style>
-    <script src="https://cdn.jsdelivr.net/npm/dwt@latest/dist/dynamsoft.webtwain.min.js"></script>
-    <script type="text/javascript">
-        Dynamsoft.DWT.Containers = [{ ContainerId: 'dwtcontrolContainer', Width: '100%', Height: '100%' }];
-        Dynamsoft.DWT.ProductKey = "DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ==";
-        Dynamsoft.DWT.ResourcesPath = 'https://cdn.jsdelivr.net/npm/dwt@latest/dist';
-        Dynamsoft.DWT.ServiceInstallerLocation = 'https://download2.dynamsoft.com/Demo/DWT/Resources/dist/';
-        Dynamsoft.DWT.AutoLoad = true;
-    </script>
-    <script src="Scripts/jquery.js?v=20250121"></script>
-    <script src="Scripts/jquery-ui.js?v=20250121"></script>
-    <script src="Scripts/tablesorter/js/jquery.tablesorter.min.js?v=20250121"></script>
-    <script src="Scripts/contextMenu/jquery.contextMenu.min.js?v=20250121"></script>
-    <script src="Scripts/contextMenu/jquery.ui.position.min.js?v=20250121"></script>
-    <script src="Scripts/twain.js?t=20250121"></script>
-    <script src="Scripts/twainstring.js?t=20250121"></script>
-    <script src="Scripts/twainapp.js?t=20250121"></script>
-    <script type="text/javascript">
-        var DWTObject, deviceList;
-        Dynamsoft.DWT.RegisterEvent("OnWebTwainReady", function () {
-            DWTObject = Dynamsoft.DWT.GetWebTwain('dwtcontrolContainer'); // Get the Dynamic Web TWAIN object that is embeded in the div with id 'dwtcontrolContainer'
-            if (DWTObject) {
-                deviceList = [];
-                var defaultSourceName = DWTObject.DefaultSourceName;
-                DWTObject.GetDevicesAsync().then(function (devices) {
-                    for (var i = 0; i < devices.length; i++) { // Get how many sources are installed in the system
-                        var device = devices[i],
-                            newOption = new Option(devices[i].displayName, i);
-                        if (devices[i].displayName == DWTObject.DefaultSourceName)
-                            newOption.selected = true;
-                        document.getElementById('source').options.add(newOption); // Add the sources in a drop-down list
-                        deviceList.push(devices[i]);
-                    }
-                }).catch(function (exp) {
-                    alert(exp.message);
-                });
-            }
-        });
-        function GetAllCapabilities() {
-            if (DWTObject) {
-                var ddlSource = document.getElementById('source');
-                DWTObject.SelectDeviceAsync(deviceList[ddlSource.selectedIndex]).then(function () {
-                    Dynamsoft.Lib.showMask();
-                    return DWTObject.OpenSourceAsync();
-                }).then(function () {
-                    return ListSupportedCaps(false, true);
-                }).then(function () {
-                    addContextMenuToDWTViewer();
-                    Dynamsoft.Lib.hideMask();
-                }).catch(function (exp) {
-                    Dynamsoft.Lib.hideMask();
-                    DWTObject.CloseSourceAsync().catch(function (_exp) {
-                        console.error(_exp);
-                    });
-                    console.error(exp);
-                });
-            }
-        }
-        function AcquireImage() {
-            if (DWTObject) {
-                DWTObject.IfShowUI = false;
-                DWTObject.IfDisableSourceAfterAcquire = true;
-                var ddlSource = document.getElementById('source');
-                DWTObject.AcquireImageAsync().catch(function (exp) {
-                    console.error(exp);
-                });
-            }
-        }
-        function CloseSource() {
-            if (DWTObject) {
-                DWTObject.CloseSourceAsync().catch(function (exp) {
-                    console.error(exp);
-                });
-            }
-        }
-        function _unload() {
-            if (DWTObject && !Dynamsoft.navInfoSync.bSafari) {
-                DWTObject.CloseSource();
-            }
-        }
-    </script>
-</body>
-</html>

package/code-snippet/dynamic-web-twain/scan/custom-data.html DELETED Viewed

@@ -1,81 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-    <title>Set Custom Data for Scanning</title>
-    <link rel="stylesheet" href="../css/global.css" />
-    <link rel="stylesheet" href="../css/scan.css" />
-</head>
-<body>
-    <div class="ds-div-scanPageHeader">
-        <div class="ds-div-title">Setting Custom Scanning Data</div>
-        <p>This demo sets pre-defined scanning configuration profiles to perform custom scanning operations. This demo
-            only supports TWAIN drivers on Windows.</p>
-    </div>
-    <div class="ds-div-scanPageDemo">
-        <div class="ds-div-scanPage-column ds-div-scanPage-column0">
-            <div><label for="left" style="margin-right: 10px;">Select Source:</label><select size="1"
-                    id="source"></select></div>
-            <div><label for="message">Custom DS Data:</label></div>
-            <div><textarea id="message" name="message" rows="7" cols="50"
-                    placeholder="Enter Custom DS Data here..."></textarea></div>
-            <div><label for="message">Note: You can click <a class="bluelink" href="get-custom-data.html">here</a> to
-                    retrieve the custom DS data as a base64 string.</label></div>
-            <div><input type="button" style="margin-bottom: 20px;" value="Set Custom DS Data and Scan"
-                    class="ds-button-bg-black" onclick="SetCustomDSDataAndAcquireImage();" /></div>
-        </div>
-        <div class="ds-div-scanPage-column ds-div-scanPage-column1">
-            <div id="dwtcontrolContainer" style="width: 100%; height: 100%;"></div>
-        </div>
-    </div>
-    <style>
-        .ds-div-scanPage-column0>div {
-            margin: 7px;
-        }
-    </style>
-    <script src="https://cdn.jsdelivr.net/npm/dwt@latest/dist/dynamsoft.webtwain.min.js"></script>
-    <script type="text/javascript">
-        Dynamsoft.DWT.Containers = [{ ContainerId: 'dwtcontrolContainer', Width: '100%', Height: '100%' }];
-        Dynamsoft.DWT.ProductKey = "DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ==";
-        Dynamsoft.DWT.ResourcesPath = 'https://cdn.jsdelivr.net/npm/dwt@latest/dist';
-        Dynamsoft.DWT.ServiceInstallerLocation = 'https://download2.dynamsoft.com/Demo/DWT/Resources/dist/';
-        Dynamsoft.DWT.AutoLoad = true;
-        var DWTObject, deviceList;
-        Dynamsoft.DWT.RegisterEvent("OnWebTwainReady", function () {
-            DWTObject = Dynamsoft.DWT.GetWebTwain('dwtcontrolContainer'); // Get the Dynamic Web TWAIN object that is embeded in the div with id 'dwtcontrolContainer'
-            if (DWTObject) {
-                deviceList = [];
-                if (Dynamsoft.navInfoSync.bWin) {
-                    DWTObject.GetDevicesAsync(Dynamsoft.DWT.EnumDWT_DeviceType.TWAINX64SCANNER | Dynamsoft.DWT.EnumDWT_DeviceType.TWAINSCANNER).then(function (devices) {
-                        for (var i = 0; i < devices.length; i++) { // Get how many sources are installed in the system
-                            document.getElementById('source').options.add(new Option(devices[i].displayName, i)); // Add the sources in a drop-down list
-                            deviceList.push(devices[i]);
-                        }
-                    }).catch(function (exp) {
-                        alert(exp.message);
-                    });
-                }
-            }
-        });
-        function SetCustomDSDataAndAcquireImage() {
-            var cIndex = document.getElementById('source').selectedIndex;
-            DWTObject.SelectDeviceAsync(deviceList[cIndex]).then(function () {
-                var customDSData = document.getElementById("message");
-                DWTObject.SetCustomDSDataEx(customDSData.value);
-                return DWTObject.AcquireImageAsync({
-                    IfShowUI: false,
-                    IfCloseSourceAfterAcquire: true // Scanner source will be closed automatically after the scan.
-                });
-            }).catch(function (exp) {
-                alert(exp.message);
-                DWTObject.CloseSourceAsync();
-            });
-        }
-    </script>
-</body>
-</html>

package/code-snippet/dynamic-web-twain/scan/focus-scanUI-always-on-top.html DELETED Viewed

@@ -1,59 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-  <title>Keeping ScanUI Focused on Top</title>
-  <link rel="stylesheet" href="../css/global.css" />
-  <link rel="stylesheet" href="../css/scan.css" />
-</head>
-<body>
-  <div class="ds-div-scanPageHeader">
-    <div class="ds-div-title">Keeping ScanUI Focused on Top</div>
-    <p>This demo supports only TWAIN drivers on Windows.</p>
-  </div>
-  <div class="ds-div-scanPageDemo">
-    <div class="ds-div-scanPage-column ds-div-scanPage-column0">
-      <input type="checkbox" id="FocusScanUIOnTop" checked>Focus ScanUI Always on Top<br />
-      <input type="button" value="Scan" class="ds-button-bg-black" onclick="AcquireImage();" />
-    </div>
-    <div class="ds-div-scanPage-column ds-div-scanPage-column1">
-      <div id="dwtcontrolContainer" style="width: 100%; height: 100%;"></div>
-    </div>
-  </div>
-  <style>
-  </style>
-  <script src="https://cdn.jsdelivr.net/npm/dwt@latest/dist/dynamsoft.webtwain.min.js"></script>
-  <script type="text/javascript">
-    Dynamsoft.DWT.Containers = [{ ContainerId: 'dwtcontrolContainer', Width: '100%', Height: '100%' }];
-    Dynamsoft.DWT.ProductKey = "DLS2eyJoYW5kc2hha2VDb2RlIjoiMjAwMDAxLTE2NDk4Mjk3OTI2MzUiLCJvcmdhbml6YXRpb25JRCI6IjIwMDAwMSIsInNlc3Npb25QYXNzd29yZCI6IndTcGR6Vm05WDJrcEQ5YUoifQ==";
-    Dynamsoft.DWT.ResourcesPath = 'https://cdn.jsdelivr.net/npm/dwt@latest/dist';
-    Dynamsoft.DWT.ServiceInstallerLocation = 'https://download2.dynamsoft.com/Demo/DWT/Resources/dist/';
-    Dynamsoft.DWT.AutoLoad = true;
-    var DWTObject;
-    Dynamsoft.DWT.RegisterEvent("OnWebTwainReady", function () {
-      DWTObject = Dynamsoft.DWT.GetWebTwain('dwtcontrolContainer'); // Get the Dynamic Web TWAIN object that is embeded in the div with id 'dwtcontrolContainer'
-    });
-    function AcquireImage() {
-      if (DWTObject) {
-        if (Dynamsoft.navInfoSync.bWin) {
-          Dynamsoft.DWT.IfAlwaysFocusOnPopupWindow = document.getElementById('FocusScanUIOnTop').checked;
-          DWTObject.SelectSourceAsync(Dynamsoft.DWT.EnumDWT_DeviceType.TWAINX64SCANNER | Dynamsoft.DWT.EnumDWT_DeviceType.TWAINSCANNER).then(function () {
-            return DWTObject.AcquireImageAsync({
-              IfCloseSourceAfterAcquire: true // Scanner source will be closed automatically after the scan.
-            });
-          }).catch(function (exp) {
-            alert(exp.message);
-          });
-        } else {
-          alert("This demo only supports TWAIN drivers on Windows.");
-        }
-      }
-    }
-  </script>
-</body>
-</html>