lrsjng / kjua

Dynamically generated QR codes for modern browsers.

kjua

Dynamically generated QR codes for modern browsers.
Uses QR Code Generator (MIT).

License

The MIT License (MIT)

Copyright (c) 2020 Lars Jung (https://larsjung.de)

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

kjua's Issues

Resize QR code on the fly?

Would there be a nice way to resize the QR code "on the fly" without regenerating it? Of course, as an image that won't work, but what if a Canvas is used?

I still doubt it and think only an SVG (#7) would be re-sizable without any quality penalty.

Update copyright date

It still says 2016. Maybe 2016-2017 (or, when you update things, 2016-2018) would be better… 😉

Dependencies badge shows error/404 page

https://gemnasium.com/kjua shows an error

Readme: Bower link links to GitHub

…and not to Bower.

Safari throws a CORS error

Navigate to https://larsjung.de/kjua/latest/demo/ in Safari. Refresh the page and watch the console. It seems to render fine on first load, but any subsequent page load throws the error.

建议增加logo边框

建议增加logo边框 如下图1,2,3
It is suggested to add logo border. As follows 1,2,3 ↓

New line in QR code content

Hello,
New line works in demo with Enter but how to replicate it when adding content dynamically?

Object.assign on safari 8.0.3

Some browsers, like safari 8.0.3, do not support functions like Object.assign().
Is it better to convert es6 with babel-polyfill?

Different size qr code

I put in text vcard data and different data = different size qr code?
in previous plugin qrcode, all qrcode with different vcard date have same size.
How see bug: first open https://larsjung.de/kjua/latest/demo/ and set 250 px size

test1
BEGIN:VCARD\r\nVERSION:2.1\r\nN:Новотекс Кострома\r\nORG:ООО «Новотекс»\r\nTEL:[phone]\r\nADR:Кострома, ул. Московская, д. 84б, офис 1.\r\nURL:http://termoteks.ru\r\nEMAIL:[email protected]\r\nEND:VCARD

test 2
BEGIN:VCARD\r\nVERSION:2.1\r\nN:Новотекс МО\r\nORG:ООО «Новотекс»\r\nTEL:[phone]\r\nADR:Королёв, просп. Королёва, д. 24\r\nURL:http://termoteks.ru\r\nEMAIL:[email protected]\r\nEND:VCARD

Error when using "mode: 'image'" to render image on qr code

My call is:

$("#qrcode-wa").kjua({ size: 96, text: "https://wa.me/4915735999584?text=%2FStart+21325219541", mode: "image", mSize: 25, image: "/Images/brands/32/whatsapp.png" });

JavaScript exception is:

qrcode?v=bu7FvF0yb5E_3UPC6WBu_2Yg5TTFPZ_yLqhyE_ba1wU1:5 Uncaught TypeError: Failed to execute 'drawImage' on 'CanvasRenderingContext2D': The provided value is not of type '(CSSImageValue or HTMLImageElement or SVGImageElement or HTMLVideoElement or HTMLCanvasElement or ImageBitmap or OffscreenCanvas or VideoFrame)' at t.exports (qrcode?v=bu7FvF0yb5E_3UPC6WBu_2Yg5TTFPZ_yLqhyE_ba1wU1:5) at a (qrcode?v=bu7FvF0yb5E_3UPC6WBu_2Yg5TTFPZ_yLqhyE_ba1wU1:5) at t.exports (qrcode?v=bu7FvF0yb5E_3UPC6WBu_2Yg5TTFPZ_yLqhyE_ba1wU1:5) at n (qrcode?v=bu7FvF0yb5E_3UPC6WBu_2Yg5TTFPZ_yLqhyE_ba1wU1:5) at HTMLDivElement.<anonymous> (qrcode?v=bu7FvF0yb5E_3UPC6WBu_2Yg5TTFPZ_yLqhyE_ba1wU1:5) at Function.each (jquery?v=T7NDPMnXDfT0hkqsk0e5hvq_cKBxOBwH_b2vkodW8AQ1:4) at i.fn.init.each (jquery?v=T7NDPMnXDfT0hkqsk0e5hvq_cKBxOBwH_b2vkodW8AQ1:4) at i.fn.init.jQuery.fn.kjua (qrcode?v=bu7FvF0yb5E_3UPC6WBu_2Yg5TTFPZ_yLqhyE_ba1wU1:5) at HTMLDocument.<anonymous> ((Index):750) at c (jquery?v=T7NDPMnXDfT0hkqsk0e5hvq_cKBxOBwH_b2vkodW8AQ1:4)

Minified script contains "Function" eval

row 2 column 2145

v0.6.0

--

This is basically an "eval" and should never be used. (in your eslint you also disallow eval)

Feature request: adjustable color of squares

First of all: thanks for creating and sharing such an extensive library... it shines!
I've yet to find a bug, it seems very solid and robust so far.
I have a feature request: could you extend the library so that you can also color the squares. See attachment for an example of what I mean.
Thanks for your consideration.

5px to much height

The library is great, it just adds 5 pixel to the height.

This is not bad and you add CSS styles to mitigate this issue as it seems, but a proper solution would be if the output image is really a square at the right size. 😃

Changeable content

Hi, How can we update the information we added to the qr code without changing the qr code. The program will generate a qr code. The content will be changed without changing the qr code. How can i do ?

Object.assign is not defined in IE11

You need to implement an alternative for Object.assign in IE11 or lower. You can use Array.reduce, which is working for IE9 or higher.

Generate SVG?

Hello,
What would be necessary to add SVG support, ie the possibility of generating svg files or svg paths, to use offline (in pdf generation for instance)?
Thank you.

Unable to add image

First and foremost: kjua is a great piece of software, thanks for sharing!

However I've been spending some hours now to figure out how to add a background image.
It works perfectly on the demo page, but the documentation is not clear on what the option "image:" is expecting instead of "null".
I tried a base64 encoded string and just a simple url to an SVG file. Both failed.

Also, after browsing through the issues I just learned that it does not work with IE11. Sadly many corporations still use it (including my current employer), hence at least some mention in the documentation would be great. It would have spared me from burning time why it only works with Chromium, Vivaldi, Edge and Firefox.

Would be great if the documentation could be updated. THANKS!

Releases

Currently you publish a release (tag) every 2 or 3 days. is not this a little fast?

Or are you working towards v1.0? (If so, okay…)

Otherwise, I'd suggest to not make release so fast and probably so it slower, but then use GitHub's releases feature to add some changelog or so. 😃

Add STEEM and BITSHARES crypto please!

Greetings.

I am cryptoblogger and I would really love to see Bitshares and Steem(it) support, along with maybe also Hive, Whaleshares, Golos and other cryptoblogs (as they are all nickname-based).

That would be really nice.

P.S. Thanks for the nice generator!