Tag: image-processing

Step-by-step guide to building an offline Flutter document scanner for Android and iOS using Dynamsoft Capture Vision Flutter 3.4.3000. Covers auto edge detection, perspective correction, manual crop editing, color-mode switching, and PNG export.

Learn how to implement adaptive thresholding in JavaScript using HTML5 Canvas. Covers local mean thresholding, O(N) Integral Image optimization, and production-quality binarization with Dynamsoft Barcode Reader for barcode scanning on shadowed or uneven images.

Learn how to create a custom document scanning dataset using Python and OpenCV — capture real photos, save quadrilateral annotations, and synthesize training images for edge detection and deep learning.

Learn how to compress images in the browser with JavaScript by adjusting resolution, color depth, JPEG quality, and converting to WebP or PDF formats using Dynamsoft Document Viewer.

Detect duplicate scanned document images in JavaScript using Tesseract.js OCR and Levenshtein distance. Includes TypeScript code, online demo, and full source code.

Step-by-step tutorial to build a reusable JavaScript image filter library using the Canvas API. Covers grayscale, sepia, invert, and black-and-white filters with OTSU thresholding, plus integration with Dynamsoft Document Viewer.

Learn how to automatically assess scanned document image quality — detect blur, skew, overexposure, and aspect ratio issues using OpenCV.js, Tesseract.js, and Dynamic Web TWAIN in a JavaScript web app.

Learn how to binarize an image using the JavaScript Canvas API with manual and OTSU automatic thresholding, plus a Dynamic Web TWAIN approach for enterprise-scale document processing.

Learn three ways to convert an image to grayscale in JavaScript — CSS filters, HTML5 Canvas pixel manipulation, and the Dynamic Web TWAIN SDK — with full source code and online demo.

Learn three ways to flip or mirror an image horizontally and vertically in JavaScript using CSS transforms, HTML5 Canvas 2D context, and Dynamic Web TWAIN for batch document processing.

Learn two ways to resize images client-side with JavaScript before uploading — using the HTML5 Canvas API for quick resizing and Dynamic Web TWAIN for batch document processing without quality loss.

Learn three ways to rotate and deskew images in JavaScript — CSS transform, HTML5 Canvas, and Dynamic Web TWAIN SDK — with full source code and edge-case handling.

Learn how to reduce scanned document file size programmatically by adjusting DPI, bit depth, color mode, and image compression format using JavaScript and Dynamic Web TWAIN.

Learn how to auto-deskew scanned document images using OpenCV and Python. This step-by-step tutorial covers skew angle detection via contour analysis, affine rotation, and a browser-based alternative with Dynamic Web TWAIN.