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

feat: branded SVG QR code #119

Merged
merged 2 commits into from
Feb 5, 2021
Merged

feat: branded SVG QR code #119

merged 2 commits into from
Feb 5, 2021

Conversation

lidel
Copy link
Member

@lidel lidel commented Feb 5, 2021

This PR tweaks the way QR code is generated and replaces <canvas> with <svg> which looks sharper (at least on my machine)

It also adds a bit of branding, so it looks more native to the app (works due to error-correction built into QR codes)
(ok to revert this change – up for your consideration 🙈 )

QR code playground: https://zpao.github.io/qrcode.react/
URL of the icon: https://share.ipfs.io/favicon-32x32.png

Before After
Screenshot_2021-02-05 IPFS Share Share Files Screenshot_2021-02-05 IPFS Share Share Files(1)

(click to compare 1:1)

This replaces <canvas> with <svg> which looks sharper.
We also add bit of branding, so it looks unique.
@lidel
Copy link
Member Author

lidel commented Feb 5, 2021

We need to double-check if error-correction works on skewed screens tho 😅

This seems to work better when i scan my monitor from extreme angles
@lidel lidel merged commit 00a40c1 into main Feb 5, 2021
@lidel lidel deleted the feat/branded-svg-qrcode branch February 5, 2021 15:58
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

Successfully merging this pull request may close these issues.

2 participants