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 >

Powerful Built-in Document Editor with Dynamic Web TWAIN SDK

Powerful Built-in Document Editor with Dynamic Web TWAIN SDK

Dynamic Web TWAIN is a cross-platform document scanning SDK for web applications. It supports all modern browsers such as Edge, Safari, Firefox, and Chrome on Windows, macOS, Linux, iOS, and Android.

It has a powerful built-in camera add-on that works in desktop and mobile browsers. This helps users scan and edit documents across all browsers without any extra installations.

In this blog, you will learn about the main features of the camera add-on and how to use its powerful editing features.

Document Border Detection and Capture

Open the online demo and hold your phone over the some documents. Then tap the AUTO button so that the document will be scanned automatically when the border is detected.

The AUTO button toggles the switch for auto border detection. When it’s off, you can capture the documents manually by tapping the SCAN button when you are ready to snap a photo of the document.

browser-document-scanning-sdk

The demo also provides three other ways to load images which are to

  • Choose images from the photo library,
  • Take photos using the native camera,
  • And choose files from recent files.

You would get a preview at the bottom right of the screen so that you can see what you’ve just scanned. Click the preview window to go to the document editor crop viewer.

This automatic border detection and capture function eliminate human intervention to improve precision and efficiency.

Document Editor

1. Crop Viewer

In the crop viewer, you can rotate the document at different angles and also adjust the automatically detected border outlines and save them when you are happy with the results.

rotate-image-in-browser

2. Image Cleanup and Enhancement

If your document contains dark shadows or ink smudges, our SDK provides several filters to produce a clean document image. Try applying the CLEAN filter to remove the dark shadows.

shadow-on-scanned-image

View Images/Pages in a Document

If you are still not 100% happy with the document, you can edit furthermore or delete some of the images to rescan them. You can also drag and drop the images to adjust the order. Then you can upload, save, or share the images.

delete-scanned-image

View all Scanned Documents

Tap the BACK icon and this is where you can see all of the files you just scanned. In this view, you can create, open, rename or delete documents.

view-all-documents

Customizability

Almost every UI Element in the editor can be configured, whether it’s buttons or colors.

And the processing flow is also flexible. We can simplify the scan flow to skip the crop viewer and go to the main editor viewer directly after scanning.

The developer is able to pick which editing features to enable and what styles to apply to create a personalized user interface catering to every business needs.

Dynamic Web TWAIN is a reliable SDK, with just a few lines of JavaScript code, you can develop robust applications to scan documents, receipts or ID cards and more in all common web browsers.

Download the SDK today and try the camera add-on yourself!

Subscribe Newsletter

Subscribe to our mailing list to get the monthly update.

Subscribename@email.com