Web Demos

BARCODE READER SDK DEMO

Explore the flexibe barcode reading settings to optimize for your specific usage scenario.

WEB TWAIN SDK DEMO

Try the most popular web scanner features: scan images, import local images and PDF files, edit, save to local, upload to database, and etc.

BARCODE READER JAVASCRIPT DEMO

Transform any camera-equipped devices into real-time, browser-based barcode and QR code scanners.

MRZ SCANNER WEB DEMO

Detects the machine-readable zone of a passport, scans the text, and parses into human-readable data.

APP STORE DEMOS

BARCODE READER SDK FOR IOS

BARCODE READER SDK FOR ANDROID

VIEW MORE DEMOS >
Documentation
Table of contents

Thanks for downloading Dynamsoft Label Recognizer Package!

Your download will start shortly. If your download does not begin, click here to retry.

Auxiliary APIs

API Name Description
ifSaveOriginalImageInACanvas Whether to save the original image into a < canvas> element.
getOriginalImageInACanvas() Returns an HTMLCanvasElement that holds the original image.
onResourcesLoadStarted This event is triggered when the resource file (.data) for a particular template starts to load.
onResourcesLoadProgress This event is triggered multiple times when the resource file (.data) for a particular template is being loaded.
onResourcesLoaded This event is triggered when the resource file (.data) for a particular template finishes loading.

ifSaveOriginalImageInACanvas

Whether to save the original image into a < canvas> element. The original image refers to the actual image the library tried to read labels from.

Note that the result is an HTMLCanvasElement element and you can insert it into the DOM to show the image.

ifSaveOriginalImageInACanvas: boolean;

Default value

false

Code snippet

recognizer.ifSaveOriginalImageInACanvas = true;
let results = await recognizer.recognize(source);
document.body.append(recognizer.getOriginalImageInACanvas());

getOriginalImageInACanvas

An HTMLCanvasElement that holds the original image. The original image refers to the actual image the library tried to read labels from.

getOriginalImageInACanvas(): HTMLCanvasElement | OffscreenCanvas

Code snippet

recognizer.ifSaveOriginalImageInACanvas = true;
let results = await recognizer.recognize(source);
document.body.append(recognizer.getOriginalImageInACanvas());

See also

onResourcesLoadStarted

This event is triggered when the resource file (.data) for a particular template starts to load.

static onResourcesLoadStarted = (resourcePath: string) => {};

Code snippet

Dynamsoft.DLR.LabelRecognizer.onResourcesLoadStarted = (resourcePath) => {
  console.log("Loading " + resourcePath);
}
recognizer.updateRuntimeSettingsFromString("MRZ");

onResourcesLoadProgress

This event is triggered multiple times when the resource file (.data) for a particular template is being loaded.

static onResourcesLoadProgress = (resourcePath: string, progress: {loaded: number, total: number}) => {};

Code snippet

Dynamsoft.DLR.LabelRecognizer.onResourcesLoadProgress = (resourcePath, progress) => {
    console.log(resourcePath + "loading progress: " + progress.loaded + "/" + progress.total);
}
recognizer.updateRuntimeSettingsFromString("MRZ");

onResourcesLoaded

This event is triggered when the resource file (.data) for a particular template finishes loading.

static onResourcesLoaded = (resourcePath: string) => {};

Code snippet

Dynamsoft.DLR.LabelRecognizer.onResourcesLoaded = (resourcePath) => {
  console.log("Finished loading " + resourcePath);
}
recognizer.updateRuntimeSettingsFromString("MRZ");

This page is compatible for:

Version 7.5.0

Is this page helpful?

YesYes NoNo

In this article:

latest version

  • Latest version
  • Version 2.2.20
  • Version 2.2.11
  • Version 2.2.10
  • Version 2.2.0
  • Version 2.0.0
  • Version 1.2.1
  • Version 1.2
  • Version 1.0
Change +
© 2003–2023 Dynamsoft. All rights reserved.
Privacy Statement / Site Map / Home / Purchase / Support