Turning a phone camera into a reliable document scanner requires accurate edge detection, perspective correction, and clean image output — all in real time. The Dynamsoft Capture Vision React Native SDK handles the heavy lifting, letting you ship a cross-platform document scanner for Android and iOS without writing any native...

Document scanning software needs to handle skewed, perspective-distorted pages captured from any angle — a problem that trips up many image-processing pipelines. This tutorial walks through a Java Swing desktop application that combines the LiteCam camera library with the Dynamsoft Capture Vision SDK (DDN) v3.4.1000 to detect document borders in...

This article demonstrates how to build a desktop application that scans physical documents and reads barcodes from them — all within a single Python window. The application combines PySide6 for the native UI, Dynamic Web TWAIN (DWT) for scanner integration, and Dynamsoft Barcode Reader for barcode decoding. DWT is a...

When dealing with bulk document scanning, one of the biggest challenges is making scanned documents searchable and organized. Unlike digital-born documents, scanned images are essentially pictures—you can’t search them, copy text from them, or organize them by content. This is where Optical Character Recognition (OCR) becomes invaluable. In this comprehensive...

In today’s digital workplace, the ability to quickly scan, process, and understand documents is crucial. Whether you’re digitizing invoices, processing legal documents, or managing medical records, having an efficient document workflow can save hours of manual work. In this comprehensive tutorial, you’ll learn how to build a modern web-based document...

Organizations of all sizes face a common challenge: efficiently managing the vast documents that power their operations. Manual data entry is a persistent bottleneck—time-consuming, error-prone, and costly—that hurts productivity and increases expenses. Optical Character Recognition (OCR) technology solves this by converting scanned documents into fully searchable, editable text for modern...

In today’s digital world, we often need to convert, merge, and edit documents from various sources. Whether you’re working with PDFs, Word documents, images from your phone, or scanned documents from a physical scanner, having a unified tool that handles all these formats is invaluable. In this tutorial, we’ll build...

Imagine this scenario: An operator at an insurance firm has just spent 20 minutes scanning a 500-page claim file. Suddenly, the browser freezes and crashes due to memory exhaustion. All that work is lost instantly. For developers building web-based document management systems, this is a nightmare. Browsers like Chrome and...

SANE is an API to access document scanners, which is mainly used in UNIX systems. It has several advantages over TWAIN (another document scanning API that is mainly for Windows): TWAIN does not separate the user-interface from the driver of a device. This, unfortunately, makes it difficult, if not impossible,...

The Dynamic Web TWAIN service is the local bridge between browser applications and scanners. The first time a user visits a web scanning app built with Dynamic Web TWAIN, they’re prompted to install this service so scanning can work. In some scenarios, you may want tighter control: ship the service...

Document scanning workflows often involve processing multi-page documents that contain separator pages or blank pages used for organizational purposes. Manually identifying and removing these blank pages while splitting documents can be time-consuming and error-prone. In this tutorial, we’ll explore how to implement intelligent document splitting using Dynamic Web TWAIN’s powerful...

Embedding a PDF file in HTML is useful since the user can view and edit PDF files right in the browser. In this article, we are going to talk about different ways to do this. What you’ll build: A practical comparison of every method to embed a PDF in HTML...

Since version 17.1, Dynamic Web TWAIN has supported Chrome OS, in addition to Windows, Linux, macOS, and Raspberry Pi OS. This guide applies to versions 17.1 through 19.x. It covers installation, version-specific package names, and post-installation configuration such as certificate handling and host settings. What you’ll build: A fully functional...

A modern web-based document management application is essential for organizations looking to digitize their paper-based workflows and streamline document processing. In this tutorial, we’ll build a professional document management application that demonstrates the four core features essential for modern document processing: scan, split, merge through drag-and-drop, and save as PDF....

In this article, we are going to talk about how to scan documents from the command line (CLI), which allows scanning and saving documents to be automated and/or scripted. There are different APIs to access document scanners and here is a comparison table about them. Feature TWAIN WIA (Windows Image Acquisition)...

Using a phone to scan and print (copy) documents is ideal for convenience, portability, and quick tasks, making it a versatile and practical choice for many users. In this article, we are going to build a web app to scan and print a document on a mobile phone. The following...

Apple provided a sample project demonstrating how to create a virtual scanner device a long time ago. The last revision was on June 12, 2012. In this article, we will build the sample project using the latest Xcode on macOS Sequoia and use it to test front-end document scanning applications...

A virtual scanner is a software-based solution that mimics the functionality of a physical document scanner. It allows developers and testers to simulate scanning operations without requiring actual hardware, making it an essential tool for testing and development. In this tutorial, we’ll explore how to create a virtual scanner device...

Handheld camera devices play a big part in the document scanning process as they are more portable, powerful and affordable. However, different from using a document scanner, using a camera imposes challenges like complex backgrounds, variations in light, and perspective distortions. Thus, it is necessary to use a document scanning...

Burning (flattening) annotations means including them as vector graphics in the content of a PDF page, leaving them uneditable. Dynamsoft Document Viewer is a JavaScript SDK for document scanning and viewing, which can add annotations and export PDF files. In this article, we are going to explore how to use...

A PDF file can be encrypted, for security, in which case a password is needed to view or edit the contents. Dynamsoft Document Viewer is a JavaScript SDK for document scanning and viewing, which can encrypt and decrypt a PDF file. In this article, we are going to explore how...

Modern browsers can now access the camera and run image processing to do various computer vision tasks. In this article, we are going to build a Vue.js app to scan document images from a camera and save them into a PDF file. Dynamsoft Mobile Web Capture is used to provide...

Image compressing on the browser is a useful operation. It can improve the uploading performance and save the storage. In this article, we are going to talk about how to compress an image with JavaScript using the Dynamsoft Document Viewer SDK. We can compress an image by changing the following...

Modern browsers can now access the camera and run image processing to do various computer vision tasks. In this article, we are going to build a React.js app to scan document images from a camera and save them into a PDF file. Dynamsoft Mobile Web Capture is used to provide...

Drag and drop is a useful feature for managing scanned document images. It allows users to move items from one location to another using a mouse or touch gesture. Dynamsoft Document Viewer is an SDK which provides a set of viewers for document images. In this article, we are going...

Need to scan paper documents directly from a .NET Blazor WebAssembly app? Dynamic Web TWAIN is a JavaScript-based document scanning SDK that supports TWAIN, WIA, SANE, ICA, and eSCL scanner protocols across Windows, macOS, and Linux. This tutorial shows you how to connect a Blazor WebAssembly app to physical scanners...

Dynamsoft Document Viewer is an SDK providing a set of viewers for document images. It has added an annotation feature since v2.0, which makes it easy to create a document scanning solution along with the following SDKs: Dynamic Web TWAIN to access document scanners in the browser. Dynamsoft Document Normalizer...

In today’s digital landscape, web applications often need to handle sophisticated tasks like loading, viewing, and manipulating image files. This article will walk you through building an Angular web application that enables users to load and view image files, add annotations directly to those images, and seamlessly save the annotated...

In today’s digital age, efficient document management is crucial for businesses and individuals alike. Integrating document scanning capabilities directly into web applications can significantly streamline workflows, allowing users to digitize and manage documents with ease. In this tutorial, we’ll explore how to leverage the power of the Dynamic Web TWAIN...

Pan and zoom is a useful feature for viewing images. We can zoom in the image to see more details and perform image editing. Dynamsoft Document Viewer is an SDK for such a purpose, which provides a set of viewers for document images. In this article, we are going to...

Exchangeable image file format (officially Exif) is a standard that specifies formats for images, sound, and ancillary tags used by digital cameras (including smartphones). It contains metadata like camera parameters, image dimensions, and image orientation. Most camera sensors have a shape where its width is larger than the height. If...

During document scanning, we may need to select multiple images for reordering, retouching, export, etc. It is useful to have a document viewer which supports selecting multiple images. Dynamsoft Document Viewer is an SDK for such a purpose. It provides a set of viewers for documents. In this article, we...

Barcodes are commonly used to identify retail products. We can also use them to mark documents. For example, we may need to scan a batch of forms. Each form contains several pages and there is a barcode on the first page denoting a unique form number. We can use the...

The Dynamsoft Capture Vision SDK (DCV) is a modular and unified SDK that integrates barcode scanning, document detection, MRZ recognition, and more under a single pipeline-based API. One of its key modules is the MRZ scanner, which provides machine-readable zone recognition for passports, visas, and other travel documents. This article...

The Dynamsoft Capture Vision SDK offers advanced features for document detection and rectification. In this article, we will integrate document detection and rectification capabilities into the Angular project created in the previous tutorial. This article is Part 3 in a 5-Part Series. Part 1 - How to Implement Web TWAIN...

In Salesforce, the prestigious CRM system, we may often attach images in records, like expenses and invoices, and need to merge all the images into a PDF file for printing and archiving. Since Salesforce does not provide such a feature by default, in this article, we are going to build...

In our daily work, we may need to take some photos and merge the images into a PDF file. This can be done with many applications. Dynamsoft Document Viewer has made it easier since it can do this in the browser. This process can be integrated in our online website,...

When scanning documents via scanners, we may get misoriented document images. The use of automatic document feeding makes it happen more often. We can use image processing to detect the orientation. There are many ways to do this. For example, in Latin script text, ascenders are more likely to occur...

Sometimes, we may need to merge multiple images into a single PDF file. For example, we scan the front side and the back side of an ID card and want to store them in a single PDF file. In this article, we are going to talk about how to build...

In this article, we are going to create a lightning web component to access document scanners in Salesforce, the famous CRM system. Adding extra features to your Salesforce system can provide an integrated user experience. The document scanner feature will be provided by the Dynamic Web TWAIN SDK. It provides...

Salesforce is a famous CRM platform. We can use it to manage our sales and customers. Salesforce comes with great customizability. We can write apps to extend its features. Its latest technology is the lightning web component, which helps us use modern web technologies to build apps. In this article,...

Electron is a framework for building cross-platform desktop applications with HTML, JavaScript, and CSS. Since Dynamic Web TWAIN is also a cross-platform JavaScript library for document scanning and management, we can combine Electron and Dynamic Web TWAIN to implement a desktop document scanning and management application for Windows, Linux, and...

When digitizing documents, we may accidentally scan a document image twice. Finding the duplicate images manually is painstaking. In this article, we are going to use JavaScript to detect duplicate document images automatically. How to Calculate the Similarity between Two Images We need to compare two images to check whether...

Starting from version 18.0, the Dynamic Web TWAIN SDK has expanded its support for the eSCL protocol. This enhancement enables the SDK to support not only USB-connected scanners but also network scanners. Furthermore, Dynamsoft has released an Android app for eSCL communication, benefiting both Android and Chromebook users. This breakthrough...

Node.js, Express, and Jade are technologies often used together to build web applications. Node.js runs the server, handling HTTP requests and responses. Express is used to simplify the routing and middleware setup, managing everything from routes to handling requests and views. Jade is used as the templating engine within Express....

Shadow DOM is a web standard designed to encapsulate HTML and CSS into web components. It allows for the creation of separate DOM trees and specifies how these trees interact with each other in a document. Polymer is a library developed by Google to make it easier to create reusable...

Laravel is a PHP Framework. This article shares how to use Dynamic Web TWAIN to scan and upload documents in a Laravel project, enhancing web document management capabilities. This article is Part 5 in a 5-Part Series. Part 1 - How to Implement Web Document Scanning in ASP.NET Core MVC...

Django is a popular Python framework for web development. In this tutorial, we will create a web application using Django and Dynamic Web TWAIN. This article is Part 4 in a 5-Part Series. Part 1 - How to Implement Web Document Scanning in ASP.NET Core MVC with Dynamic Web TWAIN...

The Dynamic Web TWAIN SDK is renowned for its capabilities in document scanning, uploading, editing, and saving. In this article, we will explore the image tagging and grouping feature for document management applications. For instance, you can tag images with a date, project name, or customer name, enabling you to...

In the previous article, we demonstrated the implementation of a web application for scanning and uploading documents using Dynamic Web TWAIN and Node.js. In this article, we will guide you through achieving the same functionality using Go. The process closely mirrors the Node.js implementation, allowing you to reuse client-side resources...

In the digital era, managing documents efficiently is crucial for businesses and individuals alike. With the rise of web technologies, scanning and uploading documents through web applications has become a sought-after feature. This article introduces a practical way to implement document scanning and uploading in a web application using Dynamic...

Filters are commonly used to adjust the rendering of images. We can use it to make images sharper, remove unwanted objects, or adjust the color tone. In this article, we are going to build a JavaScript library to perform various image filters. It can be used together with Dynamsoft Document...

ASP.NET Core enables C# server-side applications to run on Windows, Linux, and macOS. In this tutorial, we will go through the steps of building a web document scanning application with ASP.NET Core and Dynamic Web TWAIN SDK. What you’ll build: A cross-platform web document scanning application using ASP.NET Core MVC...

Whether we scan documents via document scanners or cameras, we may end up getting document images with bad quality. In this article, we are going to talk about how to evaluate the quality of scanned document images so that we can recapture the document to get a better image. A...

A black-and-white binary image consists of pixels that can have one of exactly two colors: black and white. Converting an image to black and white has some usages: File size reduction: a 1-bit binary image requires less data for storage than a 24-bit color image. Image processing: many image processing...

Grayscale images are composed exclusively of shades of gray. They are commonly stored with 8 bits per sampled pixel, which allows 256 different intensities to be recorded. Converting an image to grayscale has some usages: File size reduction: an 8-bit grayscale image often requires less data for storage than a...

Sometimes, we may need to flip a media element in a web app. For example, we may need to flip a video element streaming from a camera to match what we actually see or correct scanned document images that are flipped. In this article, we are going to talk about...

In a document-scanning web app, image resizing is useful as it can correct the proportion of scanned documents and increase the DPI of document images to meet printing requirements. In this article, we are going to talk about how to resize an image with JavaScript. One way is using Canvas...

Sometimes, we may need to rotate an image on a web page, like showing a loading animation. In a document-scanning web app, we need to rotate skewed document images or document images scanned in the wrong direction. In this article, we are going to talk about three ways to rotate...

OpenCV is an open-source computer vision and machine learning software library. It provides various image processing methods for us to solve different tasks. In this article, we are going to build a web document scanner with the JavaScript version of OpenCV. A JavaScript library is made first and then used...

Converting PDFs to images is a common task in our daily work. We can use the images for archiving and further editing like OCR. With Dynamic Web TWAIN, a JavaScript document scanning library which has built-in support for various file formats, we can convert PDF to images in HTML5. In...

In the previous article, we built a JavaFX demo app to scan documents using Dynamic Web TWAIN Service’s REST API. The demo app can scan documents via protocols like TWAIN, WIA, SANE, and ICA and save the documents into a PDF file using PDFBox. In this article, we are going...

Using the Dynamic Web TWAIN Service RESTful API significantly simplifies the creation of document scanning applications. However, distributing these as desktop applications can be somewhat challenging. Users are required to install both the developer’s application and the Dynamic Web TWAIN Service. Bundling them together in a single installation package would...

Lit is a simple library for building fast, lightweight web components. At Lit’s core is a boilerplate-killing component base class that provides reactive state, scoped styles, and a declarative template system that’s tiny, fast and expressive. In this article, we are going to build a web component with LitElement to...

Scanning documents into a digital form can help companies save physical space, improve data retrieval, reduce costs, improve collaboration, etc. Sometimes, we may come across very large scanned document files or files scanned with a low visual quality. In this article, we are going to talk about aspects related to...

Scanned documents often contain skewed or crooked images. They do not look good and are not friendly for OCR. In this article, we are going to use OpenCV and Python to deskew scanned documents based on text lines. Steps to Deskew a Scanned Document Image with OpenCV We are going...

Dynamic Web TWAIN is an SDK which enables document scanning from browsers. Under its hood, a backend service named Dynamic Web TWAIN Service is running to communicate with scanners via protocols like TWAIN, WIA, eSCL, SANE and ICA. The service runs on Windows, macOS and Linux. Starting from Dynamic Web...

In a world that is increasingly digital, the ability to transform physical paper documents into electronic files by scanning them from a multi-function printer (MFP) has become a fundamental requirement for businesses of all sizes. Scanning paper documents helps create a more organized and efficient workspace. E-documents foster better collaboration...

Dynamic Web TWAIN is a document-scanning SDK which makes it possible to access document scanners in the browser. It comes with the support of various image formats. We can use it to create an on-premises online image converter. You can press the button above to have a try. It has...

Tag Image File Format, abbreviated TIFF or TIF, is an image file format for storing raster graphics images. It has several differences from most other image file formats: TIFF allows a flexible set of information fields called tags. TIFF allows a flexible combination of colorspace, bitdepth/datatype, and compression scheme. TIFF...

WebDAV stands for Web Distributed Authoring and Versioning. It is an HTTP extension that makes it easy to create, read, and edit files hosted on remote Web servers. Many HTTP servers or file sync and share applications support this protocol like Apache, Lighttpd, Seafile and Nextcloud. In this article, we...

Image cropping is a common image processing task where we only need a potion of an image. In most cases, we make a rectangular selection box for cropping. But for cases like document scanning, we need to make a polygonal selection box. Perspective transformation is needed to normalize the document....

Full-text search is a process of examining all of the words in every stored document to find documents meeting a certain criteria (e.g. text specified by a user). It is possible for the full-text-search engine to directly scan the contents of the documents if the number of documents is small....

IndexedDB is a low-level API for client-side storage of significant amounts of structured data, including files/blobs. It can be used to save images like scanned documents on the client for persistant storage. In this article, we are going to talk about how to use Dynamic Web TWAIN to scan documents...

Large language models (LLMs) are emerging which can help us in tasks like text summarization, translation, question answering, etc and OpenAI’s ChatGPT is one of the state-of-art models which is available via its web or API interfaces. ChatGPT can be useful for document management. One use case of it is...

Paper documents are still ubiquitous in our everyday work, like invoices, checks and printed books. It takes effort to manage them. With Dynamic Web TWAIN, we can build a web application to scan documents from document scanners. But further steps are required to better manage the documents and OCR is...

Dynamic Web TWAIN is an SDK which enables document scanning and viewing from browsers. It can display PDF files in a customizable viewer. In this article, we are going to build a web component with Stencil.js to wrap Dynamic Web TWAIN as a PDF viewer so that we can embed...

Next.js is the recommended framework to create React applications with extra features like server-side rendering and an intuitive router. In this article, we are going to create a document scanning app with Next.js and Dynamic Web TWAIN. What you’ll build: A browser-based document scanning app using Next.js and the Dynamic...

Oracle APEX (also known as APEX or Oracle Application Express) is an enterprise low-code development platform from Oracle Corporation that is used to develop and deploy web applications on Oracle databases. APEX provides a web-based integrated development environment (IDE) that uses wizards, drag-and-drop layout, and property editors to build applications...

FileMaker is a cross-platform relational database application. It integrates a database engine with a graphical user interface (GUI) and security features, allowing users to modify a database by dragging new elements into layouts, screens, or forms.1 It has become a low-code tool to build apps for businesses. There are some...

Chrome extensions are software programs, built on web technologies (such as HTML, CSS, and JavaScript) that enable users to customize the Chrome browsing experience.1 In this article, we are going to write a Chrome extension to add the document scanning function to web pages. Dynamic Web TWAIN is used to...

Quasar is a Vue.js-based framework, which allows web developers to quickly create responsive websites/apps. It can use Electron to build multi-platform desktop apps. In this article, we are going to build a document scanning desktop app with Quasar and Electron. Dynamic Web TWAIN is used to provide the ability to...

Portable Document Format (PDF) is a file format developed by Adobe to present documents in a manner independent of application software, hardware, and operating systems.1 The basic types of content in a PDF are: Typeset text stored as content streams; Vector graphics for illustrations and designs that consist of shapes...

Dynamic Web TWAIN is well-known for document scanner programming. It provides a set of JavaScript API to simplify the way of integrating document scan functions into web applications. Most of the time, we use Dynamic Web TWAIN with its built-in UI. However, the default UI may not be suitable for...

Dynamsoft Document Normalizer is an SDK to detect the boundary of documents and runs perspective transformation to get a normalized document image. In this article, we are going to build an iOS document scanner using Dynamsoft Document Normalizer and AVFoundation. A demo video of the final result: The scanning process:...

There are many web developers who prefer using Angular and Dynamic Web TWAIN to build web document scanning and management applications. The official Dynamic Web TWAIN samples are written in JavaScript. Although TypeScript is compatible with JavaScript, it is not just a copy-and-paste job to use these JavaScript code in...

A progressive web application (PWA) is a type of application software delivered through the web1. It is able to be installed like a local app so that we can access it later without an Internet connection. In this article, we are going to build a document scanning desktop app with...

Tag Image File Format, abbreviated TIFF or TIF, is an image file format for storing raster graphics images. It is a complex format, defining many tags in each file. TIFF was created as an attempt to get desktop scanner vendors of the mid-1980s to agree on a common scanned image...

Tauri is a framework for building desktop apps for all major platforms. Developers can integrate any front-end framework that compiles to HTML, JS and CSS for building their user interface. The backend of the application is a Rust-sourced binary with an API that the front-end can interact with. Different from...

Dynamic Web TWAIN is an SDK which makes it possible to scan documents in browsers. Selenium is a suite of tools for automating web browsers, like Firefox, Edge and Chrome. Primarily, it is for testing purposes, but it can also serve for other tasks. In this article, we are going...

Since .NET 6 Preview 3, it is possible to host Blazor web applications in a WinForms/WPF app using the BlazorWebView control. Behind BlazorWebView is WebView2, which uses Microsoft Edge as the rendering engine to display the web content in native apps. Developers can now adopt a hybrid app approach, utilizing...

Nowadays, web technologies have been used to create cross-platform apps. There are Capacitor for mobile development and Electron for desktop development. We can also use web technologies in existing apps. For example, the popular Java IDE, IntelliJ IDEA, uses JCEF (Java Chromium Embedded Framework) to create plugins. In this article,...

Dynamic Web TWAIN is a cross-platform document scanning SDK that allows developers to build document management applications using HTML5 and JavaScript on Windows, Linux, and macOS. The Linux edition of Dynamic Web TWAIN supports both x64 and amr64 Linux OS, which means in addition to desktop PCs, you can also...

When building a TWAIN-compatible application and there is no physical scanner available, you can use a virtual scanner application for development and testing. TWAIN working group has released a TWAIN DS sample on GitHub. In this article, I will detail how to set up the development environment, as well as...

The Clipboard API allows web applications to read and write the clipboard’s contents, which makes it convenient to paste scanned documents to other applications like Word, email clients and load images from the clipboard in a Dynamic Web TWAIN (DWT) application. Here is a demo video of copying scanned documents...

Dynamic Web TWAIN (DWT)’s Remote Scan feature makes it possible to scan documents from your scanner or multi-function printer (MFP) directly to any device. You may wonder what other network scanning options exist. This article is going to give a brief overview of scanning over the network and why DWT’s...

Email is a convenient way to send scanned documents. The ability to send emails is built into many network scanners. For example, HP All-in-One devices have a Scan-to-Email app. What you’ll build: A JavaScript web app that scans documents in the browser using Dynamic Web TWAIN, uploads them to a...

Continuous file synchronization programs synchronize files between two or more devices in real time. We can use them to sync scanned documents so that we can access the files on multiple devices. There are many cloud storage services which do the job, like Box, Dropbox, Onedrive and Google Drive. There...

Cameras are now ubiquitous in our life. Every mobile phone has built-in cameras which can shoot nice photos. As for document scanning, there is document camera (also called overhead scanner) which is adjustable and has high resolution. Image source: https://www.amazon.com/Conferencing-Recording-Classroom-Real-time-Definition/dp/B08V4WLPX1/ A document camera has the following benefits: Users don’t have...

As the world best web document scanning SDK, Dynamic Web TWAIN supports all mainstream web application frameworks. This tutorial goes through the steps to build a simple document management application using Dynamic Web TWAIN and Angular. What you’ll build: A browser-based document management app in Angular that acquires images from...

Dynamic Web TWAIN has added some exciting features related to the mobile platform since its version 16. Document capturing via mobile cameras, 16.0 PDF Rasterizer mobile edition, 16.0 LoadImageEx supports mobile platform, 16.1 Acquiring images from a remote scanner, 16.1 The scanDocument API which makes it easy to call a...

Wrapping an HTML element as a component is a new fashion of front-end development. In this article, we will take a tour of building a component-based document scanning app using Vue.js and Dynamic Web TWAIN. To make our application look modern, we hire Vuetify, one of the most popular libraries, to...

You may get problems when using your application with some scanners and wonder whether it is the issue with your application or it is the device issue. If you are using a TWAIN library and your application is supposed to work with all TWAIN compatible devices, you can use Twacker,...