dwt 17.2.3 → 17.3.0

package/dist/types/WebTwain.Buffer.d.ts

@@ -265,33 +265,81 @@ export interface WebTwainBuffer extends WebTwainIO {
     /**
      * Get the status of the tags.
      */
-	GetTagList(): any;
+	GetTagList(): TagInfo[];
 	/**
      * Get the status of the tags for a specific image.
 	 * @param index Specify one image.
      */
-	GetTagListByIndex(index:number): any;	
+	GetTagListByIndex(index:number): TagName[];	
 	/**
-     * Get the current file name.
+     * Get the current document name.
      */
-	GetCurrentFileName(): string;
+	GetCurrentDocumentName(): string;
 	/**
-     * Create the file.
-	 * @param fileName Specify the file name.
+     * Create the document.
+	 * @param fileName Specify the document name.
      */
-	CreateFile(fileName: string):boolean;
+	CreateDocument(documentName: string):boolean;
 	/**
-     * open the file.
-	 * @param fileName Specify the file name.
+     * open the document.
+	 * @param fileName Specify the document name.
      */
-	OpenFile(fileName: string):boolean;
+	OpenDocument(documentName: string):boolean;
 	/**
-     * remove the file.
-	 * @param fileName Specify the file name.
+     * remove the document.
      */
-	RemoveFile():boolean;
+	RemoveDocument(documentName:string):boolean;
 	/**
-     * Get the info of the all files.
+	 * Rename a document.
+	 * @argument oldDocumentName Specify the old document name.
+	 * @argument newDocumentName Specify the new document name.
+	 */
+	RenameDocument(oldDocumentName:string, newDocumentName:string):boolean;
+	/**
+     * Get the info of the all documents.
+     */
+	GetDocumentInfoList(): DocumentInfo[];
+	/**
+     * Gets the RawData for the specified image captured from camera.
      */
-	GetFileInfoList(): any;
+	GetRawDataAsync(index: number): Promise<RawData>;
+}
+
+export interface TagName {
+    name: string;
+}
+
+export interface TagInfo {
+    name: string;
+    imageIds: number[];
+}
+
+export interface DocumentInfo {
+    name: string;
+    imageIds: number[];
 }
+
+export interface RawData {
+	displayImage:{  //Data of the display image, after filter and crop effects
+		data: Blob;
+		bitDepth: number;
+		height: number;
+		resolutionX: number;
+		resolutionY: number;
+		width: number;
+	},
+	documentData:{
+		angle: number;  //the clockwise rotation angle of the original image
+		polygon: [{x:number, y:number},{x:number, y:number},{x:number, y:number},{x:number, y:number}]; //selection area
+		filterValue: string;
+		originImage:{ //Data of the original image
+			bitDepth: number;
+			data: Blob;
+			height: number;
+			width: number;
+			resolutionX: number;
+			resolutionY: number;
+		}
+	}
+}
+

package/dist/types/WebTwain.IO.d.ts

@@ -79,7 +79,7 @@ export interface WebTwainIO extends WebTwainUtil {
     /**
      * Return or set the compression type of PDF files. This is a runtime property.
      */
-    PDFCompressionType: DynamsoftEnumsDWT.EnumDWT_PDFCompressionType;
+    PDFCompressionType: DynamsoftEnumsDWT.EnumDWT_PDFCompressionType | number;
     /**
      * Return or set the date when the PDF document is created.
      */

package/dist/types/WebTwain.Util.d.ts

@@ -70,7 +70,7 @@ export interface WebTwainUtil {
      * @param name Specify the event
      * @param callback The event listener
      */
-    UnregisterEvent(name: string, callback: () => void): boolean;
+    UnregisterEvent(name: string, callback?: (...arg: any[]) => void): boolean;
     /**
      * VersionInfo in the identity string of the Dynamic Web TWAIN library.
      */

package/dist/types/WebTwain.Viewer.d.ts

@@ -1,5 +1,6 @@
 import { WebTwainAcquire } from "./WebTwain.Acquire";
-import { Resolution } from "./Addon.Camera";
+import { DocumentConfiguration, Resolution } from "./Addon.Camera";
+import { DynamsoftEnumsDWT } from "./Dynamsoft.Enum";
 
 export interface WebTwainViewer extends WebTwainAcquire {
     /**
@@ -193,6 +194,16 @@ export interface DynamsoftViewer {
      * [Description] When set to true, will make sure the first image in the viewer is always selected when scrolling through multiple images.
      */
     autoChangeIndex: boolean;
+	    /**
+     * [Scope] Main viewer
+     * [Description] Return or set the selection mode used when acquiring images.
+     */
+    selectionMode: number | DynamsoftEnumsDWT.EnumDWT_SelectionMode;
+	/**
+     * [Scope] Main viewer
+     * [Description] Set whether to allow page dragging to reorder the pages.
+     */
+	allowPageDragging?: boolean;
     /**
      * [Scope] Main viewer
      * [Description] Return the index of the next image of the currently selected image.
@@ -234,7 +245,7 @@ export interface DynamsoftViewer {
     /**
      * [Scope] Global
      * [Description] Create a thumbnail viewer with specified settings.
-     * @param editorSettings The thumbnailViewerSettings settings. If not set, the default setting is used.
+     * @param thumbnailViewerSettings The thumbnailViewerSettings settings. If not set, the default setting is used.
      */
     createThumbnailViewer(thumbnailViewerSettings?: ThumbnailViewerSettings): ThumbnailViewer;
     /**
@@ -245,6 +256,13 @@ export interface DynamsoftViewer {
      * @param ifFull Whether to display the element in full screen.
      */
     createCustomElement(element: HTMLDivElement, location?: string, ifFull?: boolean): CustomElement;
+	/**
+     * [Scope] Global
+     * [Description] Create a document editor with specified settings.
+     * [Usage Notes]If you create it multiple times, you'll receive 'A DocumentEditor already exists' error, and an existing DocumentEditor object will be returned.
+     * @param documentConfiguration The DocumentEditor settings. If not set, the default setting is used.
+     */
+    createDocumentEditor(documentConfiguration?: DocumentConfiguration): DocumentEditor;
     /**
      * [Scope] Global
      * [Description] Return the current UI settings (from DVS itself)
@@ -277,7 +295,19 @@ export interface DynamsoftViewer {
      * [Description] Fit the image to the window
      * @param type Specify a type to fit. (width, height, both)
      */
-    fitWindow(type: string): void;
+    fitWindow(type?: 'height' | 'width'): void;
+	/**
+     * [Scope] Main viewer
+     * Update checkbox style
+     * @argument checkboxSettings Settings for checkboxex.
+     */
+	updateCheckboxStyle(checkboxSettings?: CheckboxSettings): void;
+	/**
+     * [Scope] Main viewer
+	 * Update page number style
+	 * @argument pageNumberSettings Settings for page numbers.
+     */
+	updatePageNumberStyle(pageNumberSettings?: PageNumberSettings): void;
     /**
      * [Description] Set the CSS class name of the specified button defined in updateUISetting.
      * @param name Specify the button.
@@ -299,9 +329,9 @@ export interface DynamsoftViewer {
 	/**
 	 * [Scope] Global
 	 * [Description] Create a document webviewer with specified settings.
-	 * @param templateName The document webviewer settings. If not set, the default setting is used.
+	 * @param templateName The document webviewer settings. If not set, the default setting is used. The allowed value is "documentCapture".
 	 */
-	createTemplate(templateName?: string): DocumentViewerTemplate;
+	createTemplate(templateName?: string, documentConfiguration?: DocumentConfiguration): DocumentViewerTemplate;
     /**
      * [Scope] Global
      * [Description] Create a Dynamsoft Viewer instance and bind it to the WebTwain instance.
@@ -329,14 +359,14 @@ export interface DynamsoftViewer {
      * @param name Specify the event name.
      * @param callback The event listener
      */
-	on(name: string, callback: (event?: any, event1?: any, event2?: any) => void): void;
+	on(eventName: string, callback: (...param: any[]) => void): void;
     /**
      * [Scope] Main viewer
      * [Description] Remove the event handler.
      * @param eventName Specify the event name.
      * @param callback The event listener.
      */
-    off(eventName: string, callback?: () => void): void;
+	off(eventName: string, callback?: (...param: any[]) => void): void;
 }
 export interface EditorSettings {
     /**
@@ -543,6 +573,8 @@ export interface ThumbnailViewerSettings {
      * Allow any CSS rules
      */
     selectedPageBackground?: string;
+	checkbox?: CheckboxSettings;
+	pageNumber?: PageNumberSettings;
 }
 export interface CustomElement {
     /**
@@ -601,20 +633,32 @@ export interface ThumbnailViewer {
      * [Description] Set the view mode.
      */
     updateViewMode(viewMode: ViewMode): void;
+	/**
+     * [Scope] Thumbnail viewer
+     * Update checkbox style
+     * @argument checkboxSettings Settings for checkboxex.
+     */
+	updateCheckboxStyle(checkboxSettings?: CheckboxSettings): void;
+	/**
+     * [Scope] Thumbnail viewer
+	 * Update page number style
+	 * @argument pageNumberSettings Settings for page numbers.
+     */
+	updatePageNumberStyle(pageNumberSettings?: PageNumberSettings): void;
     /**
      * [Scope] Thumbnail viewer
      * [Description] Specify an event listener for the viewer event.
      * @param name Specify the event name.
      * @param callback The event listener.
      */
-    on(name: string, callback: (event?: any, event1?: any, event2?: any) => void): void;
+	on(eventName: string, callback: (...param: any[]) => void): void;
     /**
      * [Scope] Thumbnail viewer
      * [Description] Remove the event handler.
      * @param eventName Specify the event name.
      * @param callback The event listener.
      */
-    off(eventName: string, callback?: () => void): void;
+	off(eventName: string, callback?: (...param: any[]) => void): void;
     /**
      * [Scope] Thumbnail viewer
      * [Description] Where to put the thumbnail view. The allowed values are left, top, right, bottom. The default value is left.
@@ -739,6 +783,23 @@ export interface ThumbnailViewer {
      */
     selectedImageBackground: string;
 }
+export interface DocumentEditor {
+	 /**
+     * [Scope] DocumentEditor viewer
+     * [Description] Show the DocumentEditor viewer.
+     */
+    show(): void;
+    /**
+     * [Scope] DocumentEditor viewer
+     * [Description] Hide the DocumentEditor viewer.
+     */
+    hide(): void;
+    /**
+     * [Scope] DocumentEditor viewer
+     * [Description] Delete the DocumentEditor viewer.
+     */
+    dispose(): void;
+}
 
 export interface ViewMode {
     columns?: number;
@@ -807,3 +868,40 @@ export interface DocumentViewerTemplate {
      */
 	getCustomElement(): CustomElement;  
 }
+export interface CheckboxSettings {
+  visibility?: string;  //"visible":hidden", default:"hidden" 
+  width?: number | string;  //default: "24px", number unit: px, string value: "24px"/"10%", relative to parent container
+  height?: number | string;  //default: "24px", number unit: px, string value: "24px"/"10%", relative to parent container
+  background?: string;  //default: "#ffffff"
+  borderWidth?: number | string;   //default: "2px", unit: px, percentage value not supported
+  borderColor?: string;  //default : "#000000"
+  checkMarkColor?: string; //default: "#000000"
+  checkMarkLineWidth?: number | string; //default: "2px", unit: px, percentage value not supported
+  borderRadius?: number | string;   //default: 0, number unit: px, string value: "10px"/"10%", relative to itself
+  opacity?: number;  //default: 0.5, value range [0-1], value greater 1 defaults to 1
+  left?: number | string;   //default: 0, number unit: px, string value: "10px"/"10%", relative to parent container
+  top?: number | string;   //default: 0, number unit: px, string value: "10px"/"10%", relative to parent container
+  right?: number | string;   //default: "", number unit: px, string value: "10px"/"10%", relative to parent container
+  bottom?: number | string;  //default: "", number unit: px, string value: "10px"/"10%", relative to parent container
+  translateX?: number | string; //default: "", number unit: px, string value: "10px"/"10%", relative to itself
+  translateY?: number | string; //default: "";  number unit: px, string value: "10px"/"10%", relative to itself
+}
+export interface PageNumberSettings {
+  visibility?: string; //"visible": hidden", default: "hidden" 
+  width?: number | string; //default: "24px", number unit: px, string value: "24px"/"10%", relative to parent container
+  height?: number | string, //default: "24px", number unit: px, string value: "24px"/"10%", relative to parent container
+  background?: string; //default: "#ffffff"            
+  borderWidth?: number | string; //default: "1px", unit: px, percentage value not supported
+  borderColor?: string; //default: "#a79898"
+  borderRadius?: number | string;  //default: "50%", number unit: px, string value: "10px"/"10%", relative to itself
+  opacity?: number; //default: 0.5, value range [0-1], value greater 1 defaults to 1
+  color?: string;  //default : "#000000", supports #16 hexadecimal only
+  fontFamily?: string; //default : "sans-serif"
+  fontSize?: number | string; //default: 12, unit: px, percentage value not supported
+  left?: number | string;  //default: "", number unit: px, string value: "10px"/"10%", relative to parent container
+  top?: number | string;  //default: "", number unit: px, string value: "10px"/"10%", relative to parent container
+  right?: number | string;  //default: 0, number unit: px, string value: "10px"/"10%", relative to parent container
+  bottom?: number | string;  //default: 0, number unit: px, string value: "10px"/"10%", relative to parent container
+  translateX?: number | string; //default: "", number unit: px, string value: "10px"/"10%", relative to itself
+  translateY?: number | string; //default: "", number unit: px, string value: "10px"/"10%", relative to itself
+}

package/dist/types/index.d.ts

@@ -14,7 +14,7 @@
 *
 * Copyright 2022, Dynamsoft Corporation
 * Author: Dynamsoft Support Team
-* Version: 17.2
+* Version: 17.3
 */
 import Dynamsoft from "./Dynamsoft";
 export default Dynamsoft;

package/dist/types/tsconfig.json

@@ -18,7 +18,6 @@
         "forceConsistentCasingInFileNames": true
     },
     "files": [
-        "dwt-tests.ts",
         "index.d.ts"
     ]
 }

package/package.json

@@ -1,13 +1,13 @@
 {
     "name": "dwt",
-    "version": "17.2.3",
+    "version": "17.3.0",
     "author": {
         "name": "Dynamsoft",
         "url": "https://www.dynamsoft.com"
     },
     "license": "SEE LICENSE IN LICENSE.txt",
     "dependencies": {
-        "dynamsoft-javascript-barcode": "8.2.5"
+        "dynamsoft-javascript-barcode": "8.8.7"
     },
     "description": "Dynamic Web TWAIN is a TWAIN/ICA/SANE-based scanning SDK software specifically designed for web applications running on Windows/macOS/Linux. With just a few lines of code, you can develop robust applications to scan documents from TWAIN/ICA/SANE-compatible scanners, edit the scanned images and save them to a local/server file system or document repository.",
     "devDependencies": {},

package/samples/{1.AcquireImage.html → AcquireImage.html}

@@ -18,7 +18,7 @@
 
   <script type="text/javascript">
     Dynamsoft.DWT.ResourcesPath = "../dist";
-    Dynamsoft.DWT.ProductKey = 't00901wAAAFGokK55GCTHFf8RWZ8bKjNRD1O+Gf0xA6MUdkmYI6zSueLnBjy55bNxl/YW1HkZykS/h0xYHBuFFwIDbexR567425Cx3hnuwAewN5DyXtRd/ATLnyy+';
+    Dynamsoft.DWT.ProductKey = 't0078lQAAAK/ZNBgqN1cFmBBaLYa3LiG4SDylHDPRco+UvWI+Tp4Rfekc6UVBU0VdL0bdydIHi2MiOAOUlKmLyJpEwlITGkUChWTejhsEwx9k';
     Dynamsoft.DWT.RegisterEvent('OnWebTwainReady', Dynamsoft_OnReady); 
     window.onload = function () {
       if (Dynamsoft.Lib.env.bMobile) {

package/samples/{2.CustomScan.html → CustomScan.html}

@@ -38,7 +38,7 @@
   <div id="dwtcontrolContainer"></div>
   <script type="text/javascript">	
     Dynamsoft.DWT.ResourcesPath = "../dist";
-	  Dynamsoft.DWT.ProductKey = 't00901wAAAFGokK55GCTHFf8RWZ8bKjNRD1O+Gf0xA6MUdkmYI6zSueLnBjy55bNxl/YW1HkZykS/h0xYHBuFFwIDbexR567425Cx3hnuwAewN5DyXtRd/ATLnyy+';
+    Dynamsoft.DWT.ProductKey = 't0078lQAAAK/ZNBgqN1cFmBBaLYa3LiG4SDylHDPRco+UvWI+Tp4Rfekc6UVBU0VdL0bdydIHi2MiOAOUlKmLyJpEwlITGkUChWTejhsEwx9k';
     Dynamsoft.DWT.RegisterEvent('OnWebTwainReady', Dynamsoft_OnReady); // Register OnWebTwainReady event. This event fires as soon as Dynamic Web TWAIN is initialized and ready to be used
     window.onload = function () {
       if (Dynamsoft.Lib.env.bMobile) {

package/samples/{5.Edit.html → Edit.html}

@@ -22,7 +22,7 @@
 
     <script type="text/javascript">
 		Dynamsoft.DWT.ResourcesPath = "../dist";
-		Dynamsoft.DWT.ProductKey = 't00901wAAAFGokK55GCTHFf8RWZ8bKjNRD1O+Gf0xA6MUdkmYI6zSueLnBjy55bNxl/YW1HkZykS/h0xYHBuFFwIDbexR567425Cx3hnuwAewN5DyXtRd/ATLnyy+';
+		Dynamsoft.DWT.ProductKey = 't0078lQAAAK/ZNBgqN1cFmBBaLYa3LiG4SDylHDPRco+UvWI+Tp4Rfekc6UVBU0VdL0bdydIHi2MiOAOUlKmLyJpEwlITGkUChWTejhsEwx9k';
 		window.onload = function () {
             Dynamsoft.DWT.Containers = [{ContainerId:'dwtcontrolContainer', Width:700, Height:800}];
             Dynamsoft.DWT.Load();

package/samples/{3.LoadAndSaveImages.html → LoadAndSaveImages.html}

@@ -25,7 +25,7 @@
 
     <script type="text/javascript">
 		Dynamsoft.DWT.ResourcesPath = "../dist";
-		Dynamsoft.DWT.ProductKey = 't00901wAAAFGokK55GCTHFf8RWZ8bKjNRD1O+Gf0xA6MUdkmYI6zSueLnBjy55bNxl/YW1HkZykS/h0xYHBuFFwIDbexR567425Cx3hnuwAewN5DyXtRd/ATLnyy+';
+		Dynamsoft.DWT.ProductKey = 't0078lQAAAK/ZNBgqN1cFmBBaLYa3LiG4SDylHDPRco+UvWI+Tp4Rfekc6UVBU0VdL0bdydIHi2MiOAOUlKmLyJpEwlITGkUChWTejhsEwx9k';
 		window.onload = function () {
             Dynamsoft.DWT.Containers = [{ContainerId:'dwtcontrolContainer', Width:600, Height:800}];
             Dynamsoft.DWT.Load();

package/samples/{6.Navigation.html → Navigation.html}

@@ -40,7 +40,7 @@
 
     <script type="text/javascript">	
 		Dynamsoft.DWT.ResourcesPath = "../dist";
-		Dynamsoft.DWT.ProductKey = 't00901wAAAFGokK55GCTHFf8RWZ8bKjNRD1O+Gf0xA6MUdkmYI6zSueLnBjy55bNxl/YW1HkZykS/h0xYHBuFFwIDbexR567425Cx3hnuwAewN5DyXtRd/ATLnyy+';
+		Dynamsoft.DWT.ProductKey = 't0078lQAAAK/ZNBgqN1cFmBBaLYa3LiG4SDylHDPRco+UvWI+Tp4Rfekc6UVBU0VdL0bdydIHi2MiOAOUlKmLyJpEwlITGkUChWTejhsEwx9k';
 		window.onload = function () {
             Dynamsoft.DWT.Containers = [{ContainerId:'dwtcontrolContainer', Width:700, Height:600}];
             Dynamsoft.DWT.Load();

package/samples/{4.PDFRasterizer.html → PDFRasterizer.html}

@@ -15,7 +15,7 @@
   <div id="dwtcontrolContainer"></div>
   <script type="text/javascript">
     Dynamsoft.DWT.ResourcesPath = "../dist";
-    Dynamsoft.DWT.ProductKey = 't00901wAAAFGokK55GCTHFf8RWZ8bKjNRD1O+Gf0xA6MUdkmYI6zSueLnBjy55bNxl/YW1HkZykS/h0xYHBuFFwIDbexR567425Cx3hnuwAewN5DyXtRd/ATLnyy+';
+    Dynamsoft.DWT.ProductKey = 't0078lQAAAK/ZNBgqN1cFmBBaLYa3LiG4SDylHDPRco+UvWI+Tp4Rfekc6UVBU0VdL0bdydIHi2MiOAOUlKmLyJpEwlITGkUChWTejhsEwx9k';
     Dynamsoft.DWT.RegisterEvent('OnWebTwainReady', Dynamsoft_OnReady);
     window.onload = function () {
       if (Dynamsoft.Lib.env.bMobile) {

package/samples/{9.ReadBarcode.html → ReadBarcode.html}

@@ -22,7 +22,7 @@
   </div>
   <script type="text/javascript">
     Dynamsoft.DWT.ResourcesPath = "../dist";
-	  Dynamsoft.DWT.ProductKey = 't00901wAAAFGokK55GCTHFf8RWZ8bKjNRD1O+Gf0xA6MUdkmYI6zSueLnBjy55bNxl/YW1HkZykS/h0xYHBuFFwIDbexR567425Cx3hnuwAewN5DyXtRd/ATLnyy+';
+	  Dynamsoft.DWT.ProductKey = 't0078lQAAAK/ZNBgqN1cFmBBaLYa3LiG4SDylHDPRco+UvWI+Tp4Rfekc6UVBU0VdL0bdydIHi2MiOAOUlKmLyJpEwlITGkUChWTejhsEwx9k';
     Dynamsoft.DWT.RegisterEvent('OnWebTwainReady', Dynamsoft_OnReady);
     window.onload = function () {
       if (Dynamsoft.Lib.env.bMobile) {

package/samples/{10.ScanOrCapture.html → ScanOrCapture.html}

@@ -27,7 +27,7 @@
   <script type="text/javascript">
     Dynamsoft.DWT.ResourcesPath = "../dist";
 	Dynamsoft.DWT.UseCameraAddonWasm = true;
-	  Dynamsoft.DWT.ProductKey = 't00901wAAAFGokK55GCTHFf8RWZ8bKjNRD1O+Gf0xA6MUdkmYI6zSueLnBjy55bNxl/YW1HkZykS/h0xYHBuFFwIDbexR567425Cx3hnuwAewN5DyXtRd/ATLnyy+';
+	  Dynamsoft.DWT.ProductKey = 't0078lQAAAK/ZNBgqN1cFmBBaLYa3LiG4SDylHDPRco+UvWI+Tp4Rfekc6UVBU0VdL0bdydIHi2MiOAOUlKmLyJpEwlITGkUChWTejhsEwx9k';
     Dynamsoft.DWT.RegisterEvent('OnWebTwainReady', Dynamsoft_OnReady);
     Dynamsoft.DWT.Containers = [{ ContainerId: 'dwtcontrolContainer', Width: 600, Height: 800 }];
     var bWASMCamera = true, bWASM = false;

package/samples/{7.Thumbnail.html → Thumbnail.html}

@@ -18,7 +18,7 @@
 
     <script type="text/javascript">
 		Dynamsoft.DWT.ResourcesPath = "../dist";
-		Dynamsoft.DWT.ProductKey = 't00901wAAAFGokK55GCTHFf8RWZ8bKjNRD1O+Gf0xA6MUdkmYI6zSueLnBjy55bNxl/YW1HkZykS/h0xYHBuFFwIDbexR567425Cx3hnuwAewN5DyXtRd/ATLnyy+';
+		Dynamsoft.DWT.ProductKey = 't0078lQAAAK/ZNBgqN1cFmBBaLYa3LiG4SDylHDPRco+UvWI+Tp4Rfekc6UVBU0VdL0bdydIHi2MiOAOUlKmLyJpEwlITGkUChWTejhsEwx9k';
 		window.onload = function () {
             if (Dynamsoft && (!Dynamsoft.Lib.product.bChromeEdition)) {
                 var ObjString = [];

package/samples/{11.mobilebrowsercapture.html → mobilebrowsercapture.html}

@@ -5,6 +5,9 @@
 </head>	
 <body>
 <h2>Please scan the barcode to visit the online demo</h2>
+<div>Click this <a href="https://demo.dynamsoft.com/web-twain/mobile-online-camera-scanner/" target="_blank" >link</a> to visit the online demo.<br/>
+<div>Click this <a href="https://download.dynamsoft.com/Samples/DWT/SourceCode-DWT-Mobile-Camera-Scanner.zip" target="_blank" >link</a> to download the sample code.<br/>
+ Or you can scan the following barcode to visit it in your mobile devices.</div>
 <img style="height:300px; width:300px;" src="data:image/png;base64,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" />
 </body>
 </html>