In this article, we are going to write a React Native demo to crop images. It uses React Native Skia and React Native Gesture Handler to provide an interactive cropper. Dynamsoft Document Normalizer is used to detect the document boundaries and do perspective transformation to crop the image. New Project...

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...

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...

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...

ASP.NET Core is a cross-platform, high-performance, open-source framework for building modern, cloud-enabled, Internet-connected apps. It is convenient to use it to build web APIs and web apps. In this article, we are going build an ASP.NET app to crop document images. It mainly provides the following API: /api/document/detect: upload an...

Expo is an open-source platform for making universal native apps for Android, iOS, and the web with JavaScript and React. It is basically a set of tools built on top of React Native, which makes it easy to develop and distribute apps. In this article, we are going to build...

Jetpack Compose is Android’s recommended modern toolkit for building native UI. It simplifies and accelerates UI development on Android. In this article, we are going to build a document scanner in Jetpack Compose. It can acquire images from document scanners or cameras and run document detection and correction. Here are...

Dynamic Web TWAIN is an SDK to enable scanning documents from browsers and Dynamsoft Document Normalizer is an SDK to detect document borders and perform perspective transformation. The two can be used together so that we can automatically crop and straighten documents. A use case is to use a flatbed...

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....

The MediaStream ImageCapture API is an API for capturing images or videos from a photographic device. We can use it to enable the capabilities of the native device like turning on the torch and taking a high-resolution photo. It is supported on Chrome Android. You can check the compatibility here....

In this article, we are going to create a mobile document scanning app using Ionic Vue. Ionic is a cross-platform framework for developing mobile apps with web technologies. An Ionic app can not only run as a progressive web app (PWA) in browsers but also run as a native app...

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:...

In the previous article, we built a Capacitor document scanning plugin based on the Dynamsoft Document Normalizer SDK. In this article, we are going to build a document scanner in Angular using the Ionic framework. Demo video of the final result: The app can take a photo or load an...

Capacitor is an open-source native runtime created by the Ionic team for building Web Native apps. We can use it to create cross-platform iOS, Android, and Progressive Web Apps with JavaScript, HTML, and CSS. Using Capacitor plugins, we can use JavaScript to interface directly with native APIs. In this article,...

In the previous article, we’ve built a document normalization React Native Vision Camera frame processor based on Dynamsoft Document Normalizer SDK. In this article, we are going to use it to build a React Native document scanning demo app. This article is Part 2 in a 2-Part Series. Part 1...

Dynamsoft Document Normalizer is an SDK to detect the boundary of documents and runs perspective transformation to get a normalized document image. A normalized image can be used for further processing such as OCR. In this article, we are going to create a React Native Vision Camera frame processor plugin...

Dynamsoft Document Normalizer is an SDK to detect the boundary of documents and runs perspective transformation to get a normalized document image. A normalized image can be used for further processing such as OCR. In this article, we are going to create an Android document scanner using Dynamsoft Document Normalizer...

In this article, we are going to create a mobile document scanning app using Ionic React. Ionic is a cross-platform framework for developing mobile apps with web technologies. An Ionic app can not only run as a web app in browsers but also run as a native app on Android...