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

Make automatically size #105

Open
psy21d opened this issue Oct 23, 2017 · 12 comments
Open

Make automatically size #105

psy21d opened this issue Oct 23, 2017 · 12 comments

Comments

@psy21d
Copy link

psy21d commented Oct 23, 2017

Hi! Thank you a lot for very good project!
Now I need to generate big QR codes with many information.
Has a some problem with qrious settings.
does_not_fit

QR code does not fit in default canvas!
Library now can not automatically calculate canvas size for image out.
But I need with compact images not for printing but for web.

Data is random sized and we can not to select properly size by hands.

I believe that is compact fix, we need that.

Check image data too, it is:

data:image/png;base64,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

@psy21d
Copy link
Author

psy21d commented Oct 23, 2017

We can set something like
{ scale: parameter }
where parameter is "one", "double", "triple" or integer

Then this library can set canvas size automatically (with paddings) based on this settings!

@huntertran
Copy link

I have the same problems.
If you set padding to null, then the generated qr will have a nicely padding of 10 or so

@Red626
Copy link

Red626 commented Jan 8, 2018

I meet the same problems. The problem is resolved by set width/height in attribute not in css.

@huntertran
Copy link

@Red626 you mean when initialize the qrious?

@psy21d
Copy link
Author

psy21d commented Jan 24, 2018

Ok, how about decision to solve this problem? How about scale parameter, it is really need.

@joshtune
Copy link

image

I tried both initialize and set img size via attr and it does not work :(

image

image

@yehtut-indexzero
Copy link

I am having this issue. how to resolve. please help. Thank you

@kgrigorian
Copy link

issue is still there

@ROBERT-MCDOWELL
Copy link

exemple
var qrcode = new QRious({element:divImg,value:url});
qrcode.level = 'L'; // or else
qrcode.size = 440; // 440px

@jaikme
Copy link

jaikme commented Mar 4, 2021

Guys, the last commit was 2017(I'm not complaining, it's just a fact, probably the author / maintainers are busy). Like other libs, I don't believe they will commit any updates anymore.
The best thing you can do, is fork and change yourself, or choose another lib.

@ROBERT-MCDOWELL
Copy link

@jaikme
time has no limit on internet, especially in dev, as long as it helps today or later.

@jaikme
Copy link

jaikme commented Mar 4, 2021

@ROBERT-MCDOWELL Totally agree. I am in favor of continuing to suggest, improve, and open up issues. For the future and community. Just giving a touch if it is something of urgency as I myself had.

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

8 participants