If you re looking for a free solution, Tesseract.js is your way to go: https://tesseract.projectnaptha.com
You need to be aware that reading data from MyKads will not only require OCR component, but also specifying semantics for the document. Meaning, you ll need to tell tesseract where the name is, where the address is, etc.
Also, tesseract will not be able to detect the document on the image. For this you ll need to use a different tool.
Disclaimer: I m working at Microblink where we develop commercial OCR products, including one for reading data from IDs. For PWAs we have an JavaScript / TypeScript component which uses WASM to process the IDs. It supports not only MyKads but more than 500 document types in the world.
Github link: https://github.com/BlinkID/blinkid-in-browser
Try react-tesseract, A wrapper library for Tesseract.js for easy integration. It provides a React hook useTesseract along with some helper functions.
example usage:
import React, { useState } from react ;
import { useTesseract } from react-tesseract ;
const MyKadScanner = () => {
const [imageUrl, setImageUrl] = useState( );
const { recognize, result, isRecognizing, error } = useTesseract();
const handleRecognize = async () => {
if (imageUrl) {
await recognize(imageUrl, { language: eng });
}
};
return (
I have a QCView that loads a Quartz file which gives you iSights feedback (basically like a QTCaptureView)
Everything displays fine
The button simply takes a snapshot using the following simple ...
Is it possible to simply take a picture and save it somewhere using a QTCaptureView and Apple s built-in iSight? I ve seen lots of tutorials on recording video but none on simply taking a picture. Any ...
In .NET how can I transform an image into a trapezoid.
The Matrix class supports rotation, shear, etc, but I can t see a trapezoidal transformation.
I m using the usual System.Drawing.* API, but I m ...
What are my options for rotating an image on a web page through the Y-axis? I m not sure if I even have the terminology right. Is this called a rotate or a transform. Most of the searches that I ve ...
I want to create text as a watermark for an image. the water mark should have the following properties
front: Impact
color: white
opacity: 31%
Font style: regular, bold
Bevel and Emboss
size: 30 ...
I m developing a new site that graphs some operational metrics. As such about a dozen charts/graphs will be displayed on the site. I want to be able to have them dynamically scale down (within ...
Is it possible to edit a xaml icons or images in the expression design or using other tools?
Is it possible to import a xaml images (that e.g you have exported) in the expression designer for editing?...
I need to take a full color JPG Image and remap it s colors to a Indexed palette. The palette will consist of specific colors populated from a database. I need to map each color of the image to it s "...
