QR Code Generator === ## Getting Started 1. Include qrcode.js in your html. 2. Prepare a place holder. 3. Generate QR and render it. ```html ``` ```html

``` ```javascript var typeNumber = 4; var errorCorrectionLevel = 'L'; var qr = qrcode(typeNumber, errorCorrectionLevel); qr.addData('Hi!'); qr.make(); document.getElementById('placeHolder').innerHTML = qr.createImgTag(); ``` ## API Documentation ### QRCodeFactory #### qrcode(typeNumber, errorCorrectionLevel) => QRCode Create a QRCode Object. | Param | Type | Description | | ---------------------| ------------------- | ---------------------------------------------- | | typeNumber | number | Type number (1 ~ 40), or 0 for auto detection. | | errorCorrectionLevel | string | Error correction level ('L', 'M', 'Q', 'H') | #### qrcode.stringToBytes(s) : number[] Encodes a string into an array of number(byte) using any charset. This function is used by internal. Overwrite this function to encode using a multibyte charset. | Param | Type | Description | | ------ | ------------------- | ---------------- | | s | string | string to encode | ### QRCode #### addData(data, mode) => void Add a data to encode. | Param | Type | Description | | ------ | ------------------- | ---------------------------------------------------------- | | data | string | string to encode | | mode | string | Mode ('Numeric', 'Alphanumeric', 'Byte'(default), 'Kanji') | #### make() => void Make a QR Code. #### getModuleCount() => number The number of modules(cells) for each orientation. _[Note] call make() before this function._ #### isDark(row, col) => boolean The module at row and col is dark or not. _[Note] call make() before this function._ | Param | Type | Description | | ----- | ------------------- | ------------------- | | row | number | 0 ~ moduleCount - 1 | | col | number | 0 ~ moduleCount - 1 | #### createDataURL(cellSize, margin) => string #### createImgTag(cellSize, margin, alt) => string #### createSvgTag(cellSize, margin) => string #### createTableTag(cellSize, margin) => string #### createASCII(cellSize, margin) => string Helper functions for HTML. _[Note] call make() before these functions._ | Param | Type | Description | | -------- | ------------------- | --------------------- | | cellSize | number | default: 2 | | margin | number | default: cellSize * 4 | | alt | string | (optional) | #### createSvgTag(opts) => string | Param | Type | Description | | ------------- | -------------------- | --------------------- | | opts | object | default: {} | | opts.cellSize | number | default: 2 | | opts.margin | number | default: cellSize * 4 | | opts.scalable | boolean | default: false | #### renderTo2dContext(context, cellSize) => void -- This implementation is based on JIS X 0510:1999. The word 'QR Code' is registered trademark of DENSO WAVE INCORPORATED
http://www.denso-wave.com/qrcode/faqpatent-e.html

	Stars	Issues	Version	Updated	Created
qrcode-generator	2,064	51	1.4.4	5 years ago	9 years ago
qrcode-react	151	15	0.1.16	6 years ago	8 years ago
qrcode.react	3,687	28	3.1.0	2 years ago	10 years ago
react-qr-reader	1,104	146	3.0.0-beta-1	2 years ago	8 years ago
yaqrcode			0.2.1	9 years ago	10 years ago

qrcode-generator vs qrcode-react vs qrcode.react vs react-qr-reader vs yaqrcode

Downloads in past1 Month3 Months6 Months1 Year2 Years5 YearsAll time

Stats

Popular Searches

Sick of boring JavaScript newsletters?

Downloads in past