All Developer Tutorials — Page 9 of 17
-
Step-by-step tutorial to build a React PDF viewer and annotator with TypeScript using Dynamsoft Document Viewer. Create, view, and annotate PDFs in a web app.
-
Step-by-step tutorial to build a shipping label generator in JavaScript using Dynamsoft Document Viewer and bwip-js. Generate 4×6 labels with QR codes, export to PDF, and print directly from the browser.
-
Implement TWAIN, WIA, SANE, ICA, and eSCL document scanning in a Blazor WebAssembly app using Dynamic Web TWAIN and C# JavaScript Interop. Includes full source code and scan-to-PDF export.
-
Step-by-step tutorial to build a C# Blazor WebAssembly passport MRZ scanner using Dynamsoft Capture Vision SDK. Read and scan MRZ data from passports and ID documents in .NET with JavaScript interop.
-
Learn how to build a PDF annotation viewer in Blazor WebAssembly using the Dynamsoft Document Viewer SDK. This step-by-step tutorial covers PDF rendering, page annotation, document scanning, and saving PDFs from a camera in a C# Blazor WebAssembly app.
-
Step-by-step tutorial for building a Blazor WebAssembly barcode and QR code scanner using Dynamsoft Capture Vision. Covers image-based barcode reading and real-time camera scanning with C# and JavaScript interop.
-
Build a cross-platform C++ passport MRZ scanner with CMake and OpenCV. This step-by-step tutorial covers TD1, TD2, and TD3 machine-readable zone recognition and field parsing using the Dynamsoft Capture Vision SDK on Windows and Linux, with ready-to-run source code.
-
Learn how to add PDF annotations — rectangles, text, stamps, ink, and redaction — to scanned documents using JavaScript and Dynamsoft Document Viewer. Includes code for programmatic annotation, saving, and loading annotated PDFs.
-
Step-by-step tutorial to build an Angular PDF viewer with annotation tools using Dynamsoft Document Viewer SDK. Load images (PDF, PNG, JPEG, TIFF), draw annotations (rectangles, text, ink, stamps), and export annotated documents as PDF files.
-
Step-by-step React Web TWAIN integration tutorial. Build a browser-based document scanning app that connects to TWAIN scanners, loads PDFs, and manages scanned images in React.
-
Step-by-step tutorial to integrate document scanning in a Python Flask app using the Dynamsoft Document Normalizer SDK. Capture documents via webcam, detect edges server-side with OpenCV, and rectify scanned pages in a web browser.
-
Step-by-step guide to building and running ARM32 and ARM64 Docker containers for Python barcode and QR code scanning using Dynamsoft Barcode Reader — ideal for Raspberry Pi and Jetson Nano development.
-
Learn how to call the Dynamsoft Capture Vision C++ shared libraries from Python ctypes — no compiler, no CMake, no bridge DLL. Covers per-platform symbol resolution, vtable dispatch, and the GIL-releasing native threading pattern, with a working demo that decodes 18 barcode formats on Windows, Linux and macOS.
-
Step-by-step tutorial to build a vanilla JavaScript pan and zoom image viewer. Covers mouse-wheel zoom, touch pinch-to-zoom, and drag-to-pan using DOM scroll or Dynamsoft Document Viewer SDK.
-
Learn how to read the Exif orientation tag and programmatically rotate images on Android (Java) and iOS (Swift) so photos display correctly in your document scanning app.
-
Learn how to preview and select multiple images in a JavaScript document viewer using Ctrl+click and Shift+click selection modes, with Dynamsoft Document Viewer SDK and a from-scratch implementation.
-
Learn how to scan documents in batch and auto-split them into separate PDFs using barcode separator sheets with Dynamic Web TWAIN and Dynamsoft Barcode Reader in JavaScript.
-
Learn how to build an Angular MRZ scanner app that reads and parses passport Machine Readable Zones from image files and live camera streams using the Dynamsoft Capture Vision SDK.
-
Build a .NET MAUI document scanner using WebView and JavaScript. Connect TWAIN, WIA, and SANE scanners via RESTful API, scan documents, and pass image data from JavaScript to C# for saving.
-
Learn how to detect document edges and auto-crop scanned documents in Angular using the Dynamsoft Capture Vision SDK — from image files and live camera streams.