Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to display QR Scanner Box overlay? #130

Closed
Huiting-Yeong opened this issue Nov 14, 2017 · 6 comments
Closed

How to display QR Scanner Box overlay? #130

Huiting-Yeong opened this issue Nov 14, 2017 · 6 comments

Comments

@Huiting-Yeong
Copy link

I am able to successfully scan a QR code.

Would like to ask is there a feature to automatically display the QR scanner box overlay so users know where to focus there camera at?

Similar to the example screenshots at the readme.md page.

@felix9607
Copy link

Thats something i'd like to have too and I think it's nothing else then a transparent Background but I didn't really put enough effort into it to figure it out.

@Huiting-Yeong
Copy link
Author

Does anybody know what is the ideal size restriction of the overlay box?

@leftdead7
Copy link

you ca use html to display a box overlay, However it will be just for show , the plugin may read the qr even if its not placed inside your box completely.
1513605704347

@bitjson
Copy link
Contributor

bitjson commented May 17, 2018

This is something you should do in the CSS of your app. See https://github.com/bitpay/copay for an example.

@bitjson bitjson closed this as completed May 17, 2018
@rodrigograca31
Copy link

@bitjson seems they are using @zxing/ngx-scanner .... not this plugin directly....
I also have no idea of the area this plugin uses to detect the QR.
Its not the entire camera stream right? its only the middle but not sure what size it is to then make something in CSS/HTML

@Simone4e
Copy link

Is there no way to directly integrate an overlay option?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

6 participants