Reading small QR Code from a image using JSQR
I'm using JSQR library in ReactJS project to read QR code from image (jpg/png). Everything works fine but when QR code size is slightly small (not much, check the attached image), it fails several times.
If I upload only cropped area of QR code, it reads it.
Current work flow of website: It takes QR code image and convert it into ImageData using canvas and then pass that ImageData along with dimensions to JSQR (const code = jsQR(imageData, width, height);).
How I can improve it? Is their any way to auto-detect QR code location in image to improve scanning?
I found a solution for this. I'm posting it here for anyone facing similar issue.
It worked with a fork of jsQR libray jsQR-es6 (link). I think its a improved version of jsQR with es6 support.
- How to make form with two buttons submit a different value for each button?
- What is the element#createTextRange() method?
- AWS Lambda NodeJs unable to return response
- SVG image is not loading in canvas in Mozilla browser
- Firefox error rendering an SVG image to HTML5 canvas with drawImage
- What are these three dots in React doing?
- Mocking .env variables with Vitest
- updating firestore document multiple times from event trigger function overwrites or stops updating after few triggers
- How do I create a comment with reddit's api using fetch?
- How can I stop a map click event from firing when clicking on a layer?
- MomentJS convert from UTC to desired timezone, not just local
- How do I round a number in JavaScript?
- npm run build is failing due to typescript or lodash uncompatibility
- JavaScript function in Google spreadsheets to send QR codes to emails
- Find the "potential" width of a hidden element
- creating react native library (create-react-native-library) with specific react-native version in its Example folder
- React: ".map is not a function"
- querySelector not working in Chrome extension code
- Get all user properties from Microsoft graph
- Are double quotes and single quotes interchangeable for string literals? (JavaScript)
- ESLint not working in VS Code?
- Select elements by attributes with ":" (colon)
- javascript variable as function
- React Native FlatList with position absolute behind Components
- Why am I getting a ParseError?
- Chart.js animation: onComplete event fired on hover
- Solution for parameterized testing in Cypress
- Dashed border animation in css3 animation
- JavaScript numbers to Words
- JSON and UTC datetime