lrsjng / kjua Goto Github PK
View Code? Open in Web Editor NEWDynamically generated QR codes for modern browsers.
Home Page: https://larsjung.de/kjua/
Dynamically generated QR codes for modern browsers.
Home Page: https://larsjung.de/kjua/
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. 😃
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.
https://gemnasium.com/kjua shows an error
Some browsers, like safari 8.0.3, do not support functions like Object.assign().
Is it better to convert es6 with babel-polyfill?
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!
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.
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.
It still says 2016. Maybe 2016-2017 (or, when you update things, 2016-2018) would be better… 😉
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.
Hello,
New line works in demo with Enter but how to replicate it when adding content dynamically?
…and not to Bower.
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!
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 ?
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.
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)
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. 😃
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:+74942432341\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:+74955113538\r\nADR:Королёв, просп. Королёва, д. 24\r\nURL:http://termoteks.ru\r\nEMAIL:[email protected]\r\nEND:VCARD
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.