0.5.2 • Published 4 years ago
h-qrcode v0.5.2
h-qrcode
This project is forked from qrcodejs, your can find the original README there.
Here we are only going to include features which added by h-qrcode .
This project is experimental currently, API might be changed in later release.
Installation
h-qrcode is on npm, you can install it from npm, and use it with any bundler tool.
npm install --save h-qrcode
Usage
qrcode with colors
let qrcode = new QRCode(document.getElementById('qrcode'), {
text: 'https://www.google.com',
witdh: 256,
height: 256,
colorful: true,
})
see colorful example
qrcode with dots
let qrcode = new QRCode(document.getElementById('qrcode'), {
text: 'https://www.google.com',
width: 256,
height: 256,
isDotted: true,
});
see dotted example
Use colorDark
or colorLight
to change the foreground or the background color.
qrcode with colorful dots
let qrcode = new QRCode(document.getElementById('qrcode'), {
text: 'https://www.google.com',
width: 256,
height: 256,
isDotted: true,
colorful: true
});
see colorful example
use with preset colors
We have several pre-defined color persets for you, the color palette is:
Use the preset colors with option usePerset
:
let qrcode = new QRCode(document.getElementById('qrcode'), {
text: 'https://www.google.com',
width: 256,
height: 256,
isDotted: true,
colorful: true
usePreset: 0 // the perset number you want to use
});
If you did not select any colors for colorful qrcode, it'll random one from presets for you.
use with customized colors
Specify colors of the dots by yourself:
let qrcode = new QRCode(document.getElementById('qrcode'), {
text: 'https://www.google.com',
width: 256,
height: 256,
isDotted: true,
colorful: true
dotColors: ['#AA39395', '#000000']
});