Description:
EasyQRCodeJS is a cross-browser, client-side QR code generator that supports custom logo and title.
Based on JavaScript, HTML5 canvas and HTML table. Heavily based on the qrcodejs library.
How to use it:
Install & download.
2 | $ npm install easyqrcodejs --save |
Import the EasyQRCodeJS into the HTML document.
1 | <script src="easy.qrcode.js"></script> |
Create a container in which you want to place the QR code.
Generate a basic QR code.
1 | var qrcode = new QRCode(document.getElementById("qrcode"), { |
Add a custom logo to the QR code.
1 | var qrcode = new QRCode(document.getElementById("qrcode"), { |
Add custom title and subtitle to the QR code.
01 | var qrcode = new QRCode(document.getElementById("qrcode"), { |
03 | titleFont: "bold 18px Arial", |
08 | subTitle: 'QR subTitle', |
09 | subTitleFont: "14px Arial", |
10 | subTitleColor: "#004284", |
Customize the appearance of the QR code.
1 | var qrcode = new QRCode(document.getElementById("qrcode"), { |
6 | correctLevel : QRCode.CorrectLevel.H |
Remove the QR code.
Re-generate a new QR code.
1 | qrcode.makeCode("New Content Here"); |
Author: ushelp
License: MIT
Demo: Link
Download: Github
Like this:
Like Loading...
JavaScript
First time visiting your website, I really like your site!
Saved as a favorite!, I love your website!
First time visiting your website, I really like your site!
First time visiting your website, I love your website!
Saved as a favorite!, I like it!
tҺe website іѕ really good, I really like it!
First time visiting your website, I love it!