Skip to content

hui-z/h-qrcode

Repository files navigation

h-qrcode

npm version

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

colorful

let qrcode = new QRCode(document.getElementById('qrcode'), {
  text: 'https://www.google.com',
  witdh: 256,
  height: 256,
  colorful: true,
})

see colorful example

qrcode with dots

dotted

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

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:

color-palette

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']
});

License

MIT