Comments (4)
Yeah, but without the ratio 1:1 ?
from react-qr-reader.
Yes it will automatically take up the full size of the container that surrounds it. If you want to make it smaller or larger just put a container around it and on that container set the width & height.
from react-qr-reader.
No sorry since version 2 it has to be 1:1. I chose this because it made it easier for styling across screens, camera resolutions, orientations, etc. It also speeds up the algorithm. This module was made to be very easy to use and batteries included. If you need a lot of customisability i recommend you check out one of the other options available.
from react-qr-reader.
Hello, may I ask how do I set the ratio to 1:1? because what I have is 3:4 as default and I tried to style it, change the container size, but it doesn't seem to fit. :<
from react-qr-reader.
Related Issues (20)
- cant use this library in [email protected] HOT 12
- Camera does not focus HOT 1
- Breaks with React.StrictMode
- Camera does not capture QR on iOS HOT 6
- MediaDevices API has no support for your browser. You can fix this by running "npm i webrtc-adapter" HOT 2
- Last version can scan with image ?
- The height and width of the video does not match the height and width video on the device. HOT 1
- Support for defaultProps will be removed
- Help me error selectBestPatterns nobody fix it before (react-qr-reader 3.0.0-beta-1) HOT 3
- DOMException: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The source width is 0. HOT 4
- Black screen and rarely get back camera view HOT 3
- Scan address camera resizes sometimes in mobile devices
- Node version Incompatibilty
- Valid QR code not working
- in mobile after installation first time the camera is not opening nut after that if i close and open it is opening
- Video not showing on the first render
- Primary Camera with facingMode: environment?
- Valid QR code not working
- How to Select the Primary Camera When Using react-qr-reader with facingMode set to environment?
- Not compatible with react 18 HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-qr-reader.