精华内容
下载资源
问答
  • uniapp H5 二维码生成

    2021-06-26 13:57:14
    vue 二维码生成步骤: 1. 引入二维码 import QRCode from ‘qrcodejs2’ 2. html 3. 二维码生成事件 creatQrCode() { var qrcode = new QRCode(this.$refs.qrCodeUrl, { text: window.location.href, // 需要转换为...

    vue 二维码生成步骤:

    1. 引入二维码
    import QRCode from ‘qrcodejs2’

    2. html

    3. 二维码生成事件
    creatQrCode() {
    var qrcode = new QRCode(this.$refs.qrCodeUrl, {
    text: window.location.href, // 需要转换为二维码的内容
    width: 100,
    height: 100,
    colorDark: ‘#000000’,
    colorLight: ‘#ffffff’,
    correctLevel: QRCode.CorrectLevel.H
    })
    },

    4 .调用二维码事件
    mounted() {
    this.creatQrCode();
    },

    展开全文
  • 生成二维码的JavaScript代码--qrcode.js /*from tccdn minify at 2014-6-4 14:59:43,file:/cn/c/c/qrcode.js*/ /** * @fileoverview * - Using the 'QRCode for Javascript library' * - F...

    生成二维码的JavaScript代码--qrcode.js

    /*from tccdn minify at 2014-6-4 14:59:43,file:/cn/c/c/qrcode.js*/
    /**
     * @fileoverview
     * - Using the 'QRCode for Javascript library'
     * - Fixed dataset of 'QRCode for Javascript library' for support full-spec.
     * - this library has no dependencies.
     * 
     * @author davidshimjs
     * @see <a href="http://www.d-project.com/" target="_blank">http://www.d-project.com/</a>
     * @see <a href="http://jeromeetienne.github.com/jquery-qrcode/" target="_blank">http://jeromeetienne.github.com/jquery-qrcode/</a>
     */
    var QRCode;
    
    (function() {
        //---------------------------------------------------------------------
        // QRCode for JavaScript
        //
        // Copyright (c) 2009 Kazuhiko Arase
        //
        // URL: http://www.d-project.com/
        //
        // Licensed under the MIT license:
        //   http://www.opensource.org/licenses/mit-license.php
        //
        // The word "QR Code" is registered trademark of 
        // DENSO WAVE INCORPORATED
        //   http://www.denso-wave.com/qrcode/faqpatent-e.html
        //
        //---------------------------------------------------------------------
        function QR8bitByte(data) {
            this.mode = QRMode.MODE_8BIT_BYTE;
            this.data = data;
            this.parsedData = [];
    
            // Added to support UTF-8 Characters
            for(var i = 0, l = this.data.length; i < l; i++) {
                var byteArray = [];
                var code = this.data.charCodeAt(i);
    
                if(code > 0x10000) {
                    byteArray[0] = 0xF0 | ((code & 0x1C0000) >>> 18);
                    byteArray[1] = 0x80 | ((code & 0x3F000) >>> 12);
                    byteArray[2] = 0x80 | ((code & 0xFC0) >>> 6);
                    byteArray[3] = 0x80 | (code & 0x3F);
                } else if(code > 0x800) {
                    byteArray[0] = 0xE0 | ((code & 0xF000) >>> 12);
                    byteArray[1] = 0x80 | ((code & 0xFC0) >>> 6);
                    byteArray[2] = 0x80 | (code & 0x3F);
                } else if(code > 0x80) {
                    byteArray[0] = 0xC0 | ((code & 0x7C0) >>> 6);
                    byteArray[1] = 0x80 | (code & 0x3F);
                } else {
                    byteArray[0] = code;
                }
    
                this.parsedData.push(byteArray);
            }
    
            this.parsedData = Array.prototype.concat.apply([], this.parsedData);
    
            if(this.parsedData.length != this.data.length) {
                this.parsedData.unshift(191);
                this.parsedData.unshift(187);
                this.parsedData.unshift(239);
            }
        }
    
        QR8bitByte.prototype = {
            getLength: function(buffer) {
                return this.parsedData.length;
            },
            write: function(buffer) {
                for(var i = 0, l = this.parsedData.length; i < l; i++) {
                    buffer.put(this.parsedData[i], 8);
                }
            }
        };
    
        function QRCodeModel(typeNumber, errorCorrectLevel) {
            this.typeNumber = typeNumber;
            this.errorCorrectLevel = errorCorrectLevel;
            this.modules = null;
            this.moduleCount = 0;
            this.dataCache = null;
            this.dataList = [];
        }
    
        function QRPolynomial(num, shift) {
            if(num.length == undefined) throw new Error(num.length + "/" + shift);
            var offset = 0;
            while(offset < num.length && num[offset] == 0) offset++;
            this.num = new Array(num.length - offset + shift);
            for(var i = 0; i < num.length - offset; i++) this.num[i] = num[i + offset];
        }
    
        function QRRSBlock(totalCount, dataCount) {
            this.totalCount = totalCount, this.dataCount = dataCount;
        }
    
        function QRBitBuffer() {
            this.buffer = [], this.length = 0;
        }
    
        QRCodeModel.prototype = {
            "addData": function(data) {
                var newData = new QR8bitByte(data);
                this.dataList.push(newData), this.dataCache = null;
            },
            "isDark": function(row, col) {
                if(row < 0 || this.moduleCount <= row || col < 0 || this.moduleCount <= col) throw new Error(row + "," + col);
                return this.modules[row][col];
            },
            "getModuleCount": function() {
                return this.moduleCount;
            },
            "make": function() {
                this.makeImpl(!1, this.getBestMaskPattern());
            },
            "makeImpl": function(test, maskPattern) {
                this.moduleCount = this.typeNumber * 4 + 17, this.modules = new Array(this.moduleCount);
                for(var row = 0; row < this.moduleCount; row++) {
                    this.modules[row] = new Array(this.moduleCount);
                    for(var col = 0; col < this.moduleCount; col++) this.modules[row][col] = null;
                }
                this.setupPositionProbePattern(0, 0),
                    this.setupPositionProbePattern(this.moduleCount - 7, 0),
                    this.setupPositionProbePattern(0, this.moduleCount - 7),
                    this.setupPositionAdjustPattern(), this.setupTimingPattern(),
                    this.setupTypeInfo(test, maskPattern),
                    this.typeNumber >= 7 && this.setupTypeNumber(test),
                    this.dataCache == null && (this.dataCache = QRCodeModel.createData(this.typeNumber, this.errorCorrectLevel, this.dataList)), this.mapData(this.dataCache, maskPattern);
            },
            "setupPositionProbePattern": function(row, col) {
                for(var r = -1; r <= 7; r++) {
                    if(row + r <= -1 || this.moduleCount <= row + r) continue;
                    for(var c = -1; c <= 7; c++) {
                        if(col + c <= -1 || this.moduleCount <= col + c) continue;
                        0 <= r && r <= 6 && (c == 0 || c == 6) || 0 <= c && c <= 6 && (r == 0 || r == 6) || 2 <= r && r <= 4 && 2 <= c && c <= 4 ? this.modules[row + r][col + c] = !0 : this.modules[row + r][col + c] = !1;
                    }
                }
            },
            "getBestMaskPattern": function() {
                var minLostPoint = 0,
                    pattern = 0;
                for(var i = 0; i < 8; i++) {
                    this.makeImpl(!0, i);
                    var lostPoint = QRUtil.getLostPoint(this);
                    if(i == 0 || minLostPoint > lostPoint) minLostPoint = lostPoint, pattern = i;
                }
                return pattern;
            },
            "createMovieClip": function(target_mc, instance_name, depth) {
                var qr_mc = target_mc.createEmptyMovieClip(instance_name, depth),
                    cs = 1;
                this.make();
                for(var row = 0; row < this.modules.length; row++) {
                    var y = row * cs;
                    for(var col = 0; col < this.modules[row].length; col++) {
                        var x = col * cs,
                            dark = this.modules[row][col];
                        dark && (qr_mc.beginFill(0, 100), qr_mc.moveTo(x, y), qr_mc.lineTo(x + cs, y), qr_mc.lineTo(x + cs, y + cs), qr_mc.lineTo(x, y + cs), qr_mc.endFill());
                    }
                }
                return qr_mc;
            },
            "setupTimingPattern": function() {
                for(var r = 8; r < this.moduleCount - 8; r++) {
                    if(this.modules[r][6] != null) continue;
                    this.modules[r][6] = r % 2 == 0;
                }
                for(var c = 8; c < this.moduleCount - 8; c++) {
                    if(this.modules[6][c] != null) continue;
                    this.modules[6][c] = c % 2 == 0;
                }
            },
            "setupPositionAdjustPattern": function() {
                var pos = QRUtil.getPatternPosition(this.typeNumber);
                for(var i = 0; i < pos.length; i++)
                    for(var j = 0; j < pos.length; j++) {
                        var row = pos[i],
                            col = pos[j];
                        if(this.modules[row][col] != null) continue;
                        for(var r = -2; r <= 2; r++)
                            for(var c = -2; c <= 2; c++) r == -2 || r == 2 || c == -2 || c == 2 || r == 0 && c == 0 ? this.modules[row + r][col + c] = !0 : this.modules[row + r][col + c] = !1;
                    }
            },
            "setupTypeNumber": function(test) {
                var bits = QRUtil.getBCHTypeNumber(this.typeNumber);
                for(var i = 0; i < 18; i++) {
                    var mod = !test && (bits >> i & 1) == 1;
                    this.modules[Math.floor(i / 3)][i % 3 + this.moduleCount - 8 - 3] = mod;
                }
                for(var i = 0; i < 18; i++) {
                    var mod = !test && (bits >> i & 1) == 1;
                    this.modules[i % 3 + this.moduleCount - 8 - 3][Math.floor(i / 3)] = mod;
                }
            },
            "setupTypeInfo": function(test, maskPattern) {
                var data = this.errorCorrectLevel << 3 | maskPattern,
                    bits = QRUtil.getBCHTypeInfo(data);
                for(var i = 0; i < 15; i++) {
                    var mod = !test && (bits >> i & 1) == 1;
                    i < 6 ? this.modules[i][8] = mod : i < 8 ? this.modules[i + 1][8] = mod : this.modules[this.moduleCount - 15 + i][8] = mod;
                }
                for(var i = 0; i < 15; i++) {
                    var mod = !test && (bits >> i & 1) == 1;
                    i < 8 ? this.modules[8][this.moduleCount - i - 1] = mod : i < 9 ? this.modules[8][15 - i - 1 + 1] = mod : this.modules[8][15 - i - 1] = mod;
                }
                this.modules[this.moduleCount - 8][8] = !test;
            },
            "mapData": function(data, maskPattern) {
                var inc = -1,
                    row = this.moduleCount - 1,
                    bitIndex = 7,
                    byteIndex = 0;
                for(var col = this.moduleCount - 1; col > 0; col -= 2) {
                    col == 6 && col--;
                    for(;;) {
                        for(var c = 0; c < 2; c++)
                            if(this.modules[row][col - c] == null) {
                                var dark = !1;
                                byteIndex < data.length && (dark = (data[byteIndex] >>> bitIndex & 1) == 1);
                                var mask = QRUtil.getMask(maskPattern, row, col - c);
                                mask && (dark = !dark), this.modules[row][col - c] = dark, bitIndex--, bitIndex == -1 && (byteIndex++, bitIndex = 7);
                            }
                        row += inc;
                        if(row < 0 || this.moduleCount <= row) {
                            row -= inc, inc = -inc;
                            break;
                        }
                    }
                }
            }
        }, QRCodeModel.PAD0 = 236, QRCodeModel.PAD1 = 17, QRCodeModel.createData = function(typeNumber, errorCorrectLevel, dataList) {
            var rsBlocks = QRRSBlock.getRSBlocks(typeNumber, errorCorrectLevel),
                buffer = new QRBitBuffer;
            for(var i = 0; i < dataList.length; i++) {
                var data = dataList[i];
                buffer.put(data.mode, 4), buffer.put(data.getLength(), QRUtil.getLengthInBits(data.mode, typeNumber)), data.write(buffer);
            }
            var totalDataCount = 0;
            for(var i = 0; i < rsBlocks.length; i++) totalDataCount += rsBlocks[i].dataCount;
            if(buffer.getLengthInBits() > totalDataCount * 8) throw new Error("code length overflow. (" + buffer.getLengthInBits() + ">" + totalDataCount * 8 + ")");
            buffer.getLengthInBits() + 4 <= totalDataCount * 8 && buffer.put(0, 4);
            while(buffer.getLengthInBits() % 8 != 0) buffer.putBit(!1);
            for(;;) {
                if(buffer.getLengthInBits() >= totalDataCount * 8) break;
                buffer.put(QRCodeModel.PAD0, 8);
                if(buffer.getLengthInBits() >= totalDataCount * 8) break;
                buffer.put(QRCodeModel.PAD1, 8);
            }
            return QRCodeModel.createBytes(buffer, rsBlocks);
        }, QRCodeModel.createBytes = function(buffer, rsBlocks) {
            var offset = 0,
                maxDcCount = 0,
                maxEcCount = 0,
                dcdata = new Array(rsBlocks.length),
                ecdata = new Array(rsBlocks.length);
            for(var r = 0; r < rsBlocks.length; r++) {
                var dcCount = rsBlocks[r].dataCount,
                    ecCount = rsBlocks[r].totalCount - dcCount;
                maxDcCount = Math.max(maxDcCount, dcCount), maxEcCount = Math.max(maxEcCount, ecCount), dcdata[r] = new Array(dcCount);
                for(var i = 0; i < dcdata[r].length; i++) dcdata[r][i] = 255 & buffer.buffer[i + offset];
                offset += dcCount;
                var rsPoly = QRUtil.getErrorCorrectPolynomial(ecCount),
                    rawPoly = new QRPolynomial(dcdata[r], rsPoly.getLength() - 1),
                    modPoly = rawPoly.mod(rsPoly);
                ecdata[r] = new Array(rsPoly.getLength() - 1);
                for(var i = 0; i < ecdata[r].length; i++) {
                    var modIndex = i + modPoly.getLength() - ecdata[r].length;
                    ecdata[r][i] = modIndex >= 0 ? modPoly.get(modIndex) : 0;
                }
            }
            var totalCodeCount = 0;
            for(var i = 0; i < rsBlocks.length; i++) totalCodeCount += rsBlocks[i].totalCount;
            var data = new Array(totalCodeCount),
                index = 0;
            for(var i = 0; i < maxDcCount; i++)
                for(var r = 0; r < rsBlocks.length; r++) i < dcdata[r].length && (data[index++] = dcdata[r][i]);
            for(var i = 0; i < maxEcCount; i++)
                for(var r = 0; r < rsBlocks.length; r++) i < ecdata[r].length && (data[index++] = ecdata[r][i]);
            return data;
        };
    
        var QRMode = {
                "MODE_NUMBER": 1,
                "MODE_ALPHA_NUM": 2,
                "MODE_8BIT_BYTE": 4,
                "MODE_KANJI": 8
            },
            QRErrorCorrectLevel = {
                "L": 1,
                "M": 0,
                "Q": 3,
                "H": 2
            },
            QRMaskPattern = {
                "PATTERN000": 0,
                "PATTERN001": 1,
                "PATTERN010": 2,
                "PATTERN011": 3,
                "PATTERN100": 4,
                "PATTERN101": 5,
                "PATTERN110": 6,
                "PATTERN111": 7
            },
            QRUtil = {
                "PATTERN_POSITION_TABLE": [
                    [],
                    [6, 18],
                    [6, 22],
                    [6, 26],
                    [6, 30],
                    [6, 34],
                    [6, 22, 38],
                    [6, 24, 42],
                    [6, 26, 46],
                    [6, 28, 50],
                    [6, 30, 54],
                    [6, 32, 58],
                    [6, 34, 62],
                    [6, 26, 46, 66],
                    [6, 26, 48, 70],
                    [6, 26, 50, 74],
                    [6, 30, 54, 78],
                    [6, 30, 56, 82],
                    [6, 30, 58, 86],
                    [6, 34, 62, 90],
                    [6, 28, 50, 72, 94],
                    [6, 26, 50, 74, 98],
                    [6, 30, 54, 78, 102],
                    [6, 28, 54, 80, 106],
                    [6, 32, 58, 84, 110],
                    [6, 30, 58, 86, 114],
                    [6, 34, 62, 90, 118],
                    [6, 26, 50, 74, 98, 122],
                    [6, 30, 54, 78, 102, 126],
                    [6, 26, 52, 78, 104, 130],
                    [6, 30, 56, 82, 108, 134],
                    [6, 34, 60, 86, 112, 138],
                    [6, 30, 58, 86, 114, 142],
                    [6, 34, 62, 90, 118, 146],
                    [6, 30, 54, 78, 102, 126, 150],
                    [6, 24, 50, 76, 102, 128, 154],
                    [6, 28, 54, 80, 106, 132, 158],
                    [6, 32, 58, 84, 110, 136, 162],
                    [6, 26, 54, 82, 110, 138, 166],
                    [6, 30, 58, 86, 114, 142, 170]
                ],
                "G15": 1335,
                "G18": 7973,
                "G15_MASK": 21522,
                "getBCHTypeInfo": function(data) {
                    var d = data << 10;
                    while(QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >= 0) d ^= QRUtil.G15 << QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15);
                    return(data << 10 | d) ^ QRUtil.G15_MASK;
                },
                "getBCHTypeNumber": function(data) {
                    var d = data << 12;
                    while(QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >= 0) d ^= QRUtil.G18 << QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18);
                    return data << 12 | d;
                },
                "getBCHDigit": function(data) {
                    var digit = 0;
                    while(data != 0) digit++, data >>>= 1;
                    return digit;
                },
                "getPatternPosition": function(typeNumber) {
                    return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1];
                },
                "getMask": function(maskPattern, i, j) {
                    switch(maskPattern) {
                        case QRMaskPattern.PATTERN000:
                            return(i + j) % 2 == 0;
                        case QRMaskPattern.PATTERN001:
                            return i % 2 == 0;
                        case QRMaskPattern.PATTERN010:
                            return j % 3 == 0;
                        case QRMaskPattern.PATTERN011:
                            return(i + j) % 3 == 0;
                        case QRMaskPattern.PATTERN100:
                            return(Math.floor(i / 2) + Math.floor(j / 3)) % 2 == 0;
                        case QRMaskPattern.PATTERN101:
                            return i * j % 2 + i * j % 3 == 0;
                        case QRMaskPattern.PATTERN110:
                            return(i * j % 2 + i * j % 3) % 2 == 0;
                        case QRMaskPattern.PATTERN111:
                            return(i * j % 3 + (i + j) % 2) % 2 == 0;
                        default:
                            throw new Error("bad maskPattern:" + maskPattern);
                    }
                },
                "getErrorCorrectPolynomial": function(errorCorrectLength) {
                    var a = new QRPolynomial([1], 0);
                    for(var i = 0; i < errorCorrectLength; i++) a = a.multiply(new QRPolynomial([1, QRMath.gexp(i)], 0));
                    return a;
                },
                "getLengthInBits": function(mode, type) {
                    if(1 <= type && type < 10) switch(mode) {
                        case QRMode.MODE_NUMBER:
                            return 10;
                        case QRMode.MODE_ALPHA_NUM:
                            return 9;
                        case QRMode.MODE_8BIT_BYTE:
                            return 8;
                        case QRMode.MODE_KANJI:
                            return 8;
                        default:
                            throw new Error("mode:" + mode);
                    } else if(type < 27) switch(mode) {
                        case QRMode.MODE_NUMBER:
                            return 12;
                        case QRMode.MODE_ALPHA_NUM:
                            return 11;
                        case QRMode.MODE_8BIT_BYTE:
                            return 16;
                        case QRMode.MODE_KANJI:
                            return 10;
                        default:
                            throw new Error("mode:" + mode);
                    } else {
                        if(!(type < 41)) throw new Error("type:" + type);
                        switch(mode) {
                            case QRMode.MODE_NUMBER:
                                return 14;
                            case QRMode.MODE_ALPHA_NUM:
                                return 13;
                            case QRMode.MODE_8BIT_BYTE:
                                return 16;
                            case QRMode.MODE_KANJI:
                                return 12;
                            default:
                                throw new Error("mode:" + mode);
                        }
                    }
                },
                "getLostPoint": function(qrCode) {
                    var moduleCount = qrCode.getModuleCount(),
                        lostPoint = 0;
                    for(var row = 0; row < moduleCount; row++)
                        for(var col = 0; col < moduleCount; col++) {
                            var sameCount = 0,
                                dark = qrCode.isDark(row, col);
                            for(var r = -1; r <= 1; r++) {
                                if(row + r < 0 || moduleCount <= row + r) continue;
                                for(var c = -1; c <= 1; c++) {
                                    if(col + c < 0 || moduleCount <= col + c) continue;
                                    if(r == 0 && c == 0) continue;
                                    dark == qrCode.isDark(row + r, col + c) && sameCount++;
                                }
                            }
                            sameCount > 5 && (lostPoint += 3 + sameCount - 5);
                        }
                    for(var row = 0; row < moduleCount - 1; row++)
                        for(var col = 0; col < moduleCount - 1; col++) {
                            var count = 0;
                            qrCode.isDark(row, col) && count++, qrCode.isDark(row + 1, col) && count++, qrCode.isDark(row, col + 1) && count++, qrCode.isDark(row + 1, col + 1) && count++;
                            if(count == 0 || count == 4) lostPoint += 3;
                        }
                    for(var row = 0; row < moduleCount; row++)
                        for(var col = 0; col < moduleCount - 6; col++) qrCode.isDark(row, col) && !qrCode.isDark(row, col + 1) && qrCode.isDark(row, col + 2) && qrCode.isDark(row, col + 3) && qrCode.isDark(row, col + 4) && !qrCode.isDark(row, col + 5) && qrCode.isDark(row, col + 6) && (lostPoint += 40);
                    for(var col = 0; col < moduleCount; col++)
                        for(var row = 0; row < moduleCount - 6; row++) qrCode.isDark(row, col) && !qrCode.isDark(row + 1, col) && qrCode.isDark(row + 2, col) && qrCode.isDark(row + 3, col) && qrCode.isDark(row + 4, col) && !qrCode.isDark(row + 5, col) && qrCode.isDark(row + 6, col) && (lostPoint += 40);
                    var darkCount = 0;
                    for(var col = 0; col < moduleCount; col++)
                        for(var row = 0; row < moduleCount; row++) qrCode.isDark(row, col) && darkCount++;
                    var ratio = Math.abs(100 * darkCount / moduleCount / moduleCount - 50) / 5;
                    return lostPoint += ratio * 10, lostPoint;
                }
            },
            QRMath = {
                "glog": function(n) {
                    if(n < 1) throw new Error("glog(" + n + ")");
                    return QRMath.LOG_TABLE[n];
                },
                "gexp": function(n) {
                    while(n < 0) n += 255;
                    while(n >= 256) n -= 255;
                    return QRMath.EXP_TABLE[n];
                },
                "EXP_TABLE": new Array(256),
                "LOG_TABLE": new Array(256)
            };
    
        for(var i = 0; i < 8; i++) QRMath.EXP_TABLE[i] = 1 << i;
    
        for(var i = 8; i < 256; i++) QRMath.EXP_TABLE[i] = QRMath.EXP_TABLE[i - 4] ^ QRMath.EXP_TABLE[i - 5] ^ QRMath.EXP_TABLE[i - 6] ^ QRMath.EXP_TABLE[i - 8];
    
        for(var i = 0; i < 255; i++) QRMath.LOG_TABLE[QRMath.EXP_TABLE[i]] = i;
    
        QRPolynomial.prototype = {
            "get": function(index) {
                return this.num[index];
            },
            "getLength": function() {
                return this.num.length;
            },
            "multiply": function(e) {
                var num = new Array(this.getLength() + e.getLength() - 1);
                for(var i = 0; i < this.getLength(); i++)
                    for(var j = 0; j < e.getLength(); j++) num[i + j] ^= QRMath.gexp(QRMath.glog(this.get(i)) + QRMath.glog(e.get(j)));
                return new QRPolynomial(num, 0);
            },
            "mod": function(e) {
                if(this.getLength() - e.getLength() < 0) return this;
                var ratio = QRMath.glog(this.get(0)) - QRMath.glog(e.get(0)),
                    num = new Array(this.getLength());
                for(var i = 0; i < this.getLength(); i++) num[i] = this.get(i);
                for(var i = 0; i < e.getLength(); i++) num[i] ^= QRMath.gexp(QRMath.glog(e.get(i)) + ratio);
                return(new QRPolynomial(num, 0)).mod(e);
            }
        }, QRRSBlock.RS_BLOCK_TABLE = [
            [1, 26, 19],
            [1, 26, 16],
            [1, 26, 13],
            [1, 26, 9],
            [1, 44, 34],
            [1, 44, 28],
            [1, 44, 22],
            [1, 44, 16],
            [1, 70, 55],
            [1, 70, 44],
            [2, 35, 17],
            [2, 35, 13],
            [1, 100, 80],
            [2, 50, 32],
            [2, 50, 24],
            [4, 25, 9],
            [1, 134, 108],
            [2, 67, 43],
            [2, 33, 15, 2, 34, 16],
            [2, 33, 11, 2, 34, 12],
            [2, 86, 68],
            [4, 43, 27],
            [4, 43, 19],
            [4, 43, 15],
            [2, 98, 78],
            [4, 49, 31],
            [2, 32, 14, 4, 33, 15],
            [4, 39, 13, 1, 40, 14],
            [2, 121, 97],
            [2, 60, 38, 2, 61, 39],
            [4, 40, 18, 2, 41, 19],
            [4, 40, 14, 2, 41, 15],
            [2, 146, 116],
            [3, 58, 36, 2, 59, 37],
            [4, 36, 16, 4, 37, 17],
            [4, 36, 12, 4, 37, 13],
            [2, 86, 68, 2, 87, 69],
            [4, 69, 43, 1, 70, 44],
            [6, 43, 19, 2, 44, 20],
            [6, 43, 15, 2, 44, 16],
            [4, 101, 81],
            [1, 80, 50, 4, 81, 51],
            [4, 50, 22, 4, 51, 23],
            [3, 36, 12, 8, 37, 13],
            [2, 116, 92, 2, 117, 93],
            [6, 58, 36, 2, 59, 37],
            [4, 46, 20, 6, 47, 21],
            [7, 42, 14, 4, 43, 15],
            [4, 133, 107],
            [8, 59, 37, 1, 60, 38],
            [8, 44, 20, 4, 45, 21],
            [12, 33, 11, 4, 34, 12],
            [3, 145, 115, 1, 146, 116],
            [4, 64, 40, 5, 65, 41],
            [11, 36, 16, 5, 37, 17],
            [11, 36, 12, 5, 37, 13],
            [5, 109, 87, 1, 110, 88],
            [5, 65, 41, 5, 66, 42],
            [5, 54, 24, 7, 55, 25],
            [11, 36, 12],
            [5, 122, 98, 1, 123, 99],
            [7, 73, 45, 3, 74, 46],
            [15, 43, 19, 2, 44, 20],
            [3, 45, 15, 13, 46, 16],
            [1, 135, 107, 5, 136, 108],
            [10, 74, 46, 1, 75, 47],
            [1, 50, 22, 15, 51, 23],
            [2, 42, 14, 17, 43, 15],
            [5, 150, 120, 1, 151, 121],
            [9, 69, 43, 4, 70, 44],
            [17, 50, 22, 1, 51, 23],
            [2, 42, 14, 19, 43, 15],
            [3, 141, 113, 4, 142, 114],
            [3, 70, 44, 11, 71, 45],
            [17, 47, 21, 4, 48, 22],
            [9, 39, 13, 16, 40, 14],
            [3, 135, 107, 5, 136, 108],
            [3, 67, 41, 13, 68, 42],
            [15, 54, 24, 5, 55, 25],
            [15, 43, 15, 10, 44, 16],
            [4, 144, 116, 4, 145, 117],
            [17, 68, 42],
            [17, 50, 22, 6, 51, 23],
            [19, 46, 16, 6, 47, 17],
            [2, 139, 111, 7, 140, 112],
            [17, 74, 46],
            [7, 54, 24, 16, 55, 25],
            [34, 37, 13],
            [4, 151, 121, 5, 152, 122],
            [4, 75, 47, 14, 76, 48],
            [11, 54, 24, 14, 55, 25],
            [16, 45, 15, 14, 46, 16],
            [6, 147, 117, 4, 148, 118],
            [6, 73, 45, 14, 74, 46],
            [11, 54, 24, 16, 55, 25],
            [30, 46, 16, 2, 47, 17],
            [8, 132, 106, 4, 133, 107],
            [8, 75, 47, 13, 76, 48],
            [7, 54, 24, 22, 55, 25],
            [22, 45, 15, 13, 46, 16],
            [10, 142, 114, 2, 143, 115],
            [19, 74, 46, 4, 75, 47],
            [28, 50, 22, 6, 51, 23],
            [33, 46, 16, 4, 47, 17],
            [8, 152, 122, 4, 153, 123],
            [22, 73, 45, 3, 74, 46],
            [8, 53, 23, 26, 54, 24],
            [12, 45, 15, 28, 46, 16],
            [3, 147, 117, 10, 148, 118],
            [3, 73, 45, 23, 74, 46],
            [4, 54, 24, 31, 55, 25],
            [11, 45, 15, 31, 46, 16],
            [7, 146, 116, 7, 147, 117],
            [21, 73, 45, 7, 74, 46],
            [1, 53, 23, 37, 54, 24],
            [19, 45, 15, 26, 46, 16],
            [5, 145, 115, 10, 146, 116],
            [19, 75, 47, 10, 76, 48],
            [15, 54, 24, 25, 55, 25],
            [23, 45, 15, 25, 46, 16],
            [13, 145, 115, 3, 146, 116],
            [2, 74, 46, 29, 75, 47],
            [42, 54, 24, 1, 55, 25],
            [23, 45, 15, 28, 46, 16],
            [17, 145, 115],
            [10, 74, 46, 23, 75, 47],
            [10, 54, 24, 35, 55, 25],
            [19, 45, 15, 35, 46, 16],
            [17, 145, 115, 1, 146, 116],
            [14, 74, 46, 21, 75, 47],
            [29, 54, 24, 19, 55, 25],
            [11, 45, 15, 46, 46, 16],
            [13, 145, 115, 6, 146, 116],
            [14, 74, 46, 23, 75, 47],
            [44, 54, 24, 7, 55, 25],
            [59, 46, 16, 1, 47, 17],
            [12, 151, 121, 7, 152, 122],
            [12, 75, 47, 26, 76, 48],
            [39, 54, 24, 14, 55, 25],
            [22, 45, 15, 41, 46, 16],
            [6, 151, 121, 14, 152, 122],
            [6, 75, 47, 34, 76, 48],
            [46, 54, 24, 10, 55, 25],
            [2, 45, 15, 64, 46, 16],
            [17, 152, 122, 4, 153, 123],
            [29, 74, 46, 14, 75, 47],
            [49, 54, 24, 10, 55, 25],
            [24, 45, 15, 46, 46, 16],
            [4, 152, 122, 18, 153, 123],
            [13, 74, 46, 32, 75, 47],
            [48, 54, 24, 14, 55, 25],
            [42, 45, 15, 32, 46, 16],
            [20, 147, 117, 4, 148, 118],
            [40, 75, 47, 7, 76, 48],
            [43, 54, 24, 22, 55, 25],
            [10, 45, 15, 67, 46, 16],
            [19, 148, 118, 6, 149, 119],
            [18, 75, 47, 31, 76, 48],
            [34, 54, 24, 34, 55, 25],
            [20, 45, 15, 61, 46, 16]
        ], QRRSBlock.getRSBlocks = function(typeNumber, errorCorrectLevel) {
            var rsBlock = QRRSBlock.getRsBlockTable(typeNumber, errorCorrectLevel);
            if(rsBlock == undefined) throw new Error("bad rs block @ typeNumber:" + typeNumber + "/errorCorrectLevel:" + errorCorrectLevel);
            var length = rsBlock.length / 3,
                list = [];
            for(var i = 0; i < length; i++) {
                var count = rsBlock[i * 3 + 0],
                    totalCount = rsBlock[i * 3 + 1],
                    dataCount = rsBlock[i * 3 + 2];
                for(var j = 0; j < count; j++) list.push(new QRRSBlock(totalCount, dataCount));
            }
            return list;
        }, QRRSBlock.getRsBlockTable = function(typeNumber, errorCorrectLevel) {
            switch(errorCorrectLevel) {
                case QRErrorCorrectLevel.L:
                    return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0];
                case QRErrorCorrectLevel.M:
                    return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];
                case QRErrorCorrectLevel.Q:
                    return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];
                case QRErrorCorrectLevel.H:
                    return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];
                default:
                    return undefined;
            }
        }, QRBitBuffer.prototype = {
            "get": function(index) {
                var bufIndex = Math.floor(index / 8);
                return(this.buffer[bufIndex] >>> 7 - index % 8 & 1) == 1;
            },
            "put": function(num, length) {
                for(var i = 0; i < length; i++) this.putBit((num >>> length - i - 1 & 1) == 1);
            },
            "getLengthInBits": function() {
                return this.length;
            },
            "putBit": function(bit) {
                var bufIndex = Math.floor(this.length / 8);
                this.buffer.length <= bufIndex && this.buffer.push(0), bit && (this.buffer[bufIndex] |= 128 >>> this.length % 8), this.length++;
            }
        };
        var QRCodeLimitLength = [
            [17, 14, 11, 7],
            [32, 26, 20, 14],
            [53, 42, 32, 24],
            [78, 62, 46, 34],
            [106, 84, 60, 44],
            [134, 106, 74, 58],
            [154, 122, 86, 64],
            [192, 152, 108, 84],
            [230, 180, 130, 98],
            [271, 213, 151, 119],
            [321, 251, 177, 137],
            [367, 287, 203, 155],
            [425, 331, 241, 177],
            [458, 362, 258, 194],
            [520, 412, 292, 220],
            [586, 450, 322, 250],
            [644, 504, 364, 280],
            [718, 560, 394, 310],
            [792, 624, 442, 338],
            [858, 666, 482, 382],
            [929, 711, 509, 403],
            [1003, 779, 565, 439],
            [1091, 857, 611, 461],
            [1171, 911, 661, 511],
            [1273, 997, 715, 535],
            [1367, 1059, 751, 593],
            [1465, 1125, 805, 625],
            [1528, 1190, 868, 658],
            [1628, 1264, 908, 698],
            [1732, 1370, 982, 742],
            [1840, 1452, 1030, 790],
            [1952, 1538, 1112, 842],
            [2068, 1628, 1168, 898],
            [2188, 1722, 1228, 958],
            [2303, 1809, 1283, 983],
            [2431, 1911, 1351, 1051],
            [2563, 1989, 1423, 1093],
            [2699, 2099, 1499, 1139],
            [2809, 2213, 1579, 1219],
            [2953, 2331, 1663, 1273]
        ];
    
        function _isSupportCanvas() {
            return typeof CanvasRenderingContext2D != "undefined";
        }
    
        // android 2.x doesn't support Data-URI spec
        function _getAndroid() {
            var android = false;
            var sAgent = navigator.userAgent;
    
            if(/android/i.test(sAgent)) { // android
                android = true;
                aMat = sAgent.toString().match(/android ([0-9]\.[0-9])/i);
    
                if(aMat && aMat[1]) {
                    android = parseFloat(aMat[1]);
                }
            }
    
            return android;
        }
    
        var svgDrawer = (function() {
    
            var Drawing = function(el, htOption) {
                this._el = el;
                this._htOption = htOption;
            };
    
            Drawing.prototype.draw = function(oQRCode) {
                var _htOption = this._htOption;
                var _el = this._el;
                var nCount = oQRCode.getModuleCount();
                var nWidth = Math.floor(_htOption.width / nCount);
                var nHeight = Math.floor(_htOption.height / nCount);
    
                this.clear();
    
                function makeSVG(tag, attrs) {
                    var el = document.createElementNS('http://www.w3.org/2000/svg', tag);
                    for(var k in attrs)
                        if(attrs.hasOwnProperty(k)) el.setAttribute(k, attrs[k]);
                    return el;
                }
    
                var svg = makeSVG("svg", {
                    'viewBox': '0 0 ' + String(nCount) + " " + String(nCount),
                    'width': '100%',
                    'height': '100%',
                    'fill': _htOption.colorLight
                });
                svg.setAttributeNS("http://www.w3.org/2000/xmlns/", "xmlns:xlink", "http://www.w3.org/1999/xlink");
                _el.appendChild(svg);
    
                svg.appendChild(makeSVG("rect", {
                    "fill": _htOption.colorDark,
                    "width": "1",
                    "height": "1",
                    "id": "template"
                }));
    
                for(var row = 0; row < nCount; row++) {
                    for(var col = 0; col < nCount; col++) {
                        if(oQRCode.isDark(row, col)) {
                            var child = makeSVG("use", {
                                "x": String(row),
                                "y": String(col)
                            });
                            child.setAttributeNS("http://www.w3.org/1999/xlink", "href", "#template")
                            svg.appendChild(child);
                        }
                    }
                }
            };
            Drawing.prototype.clear = function() {
                while(this._el.hasChildNodes())
                    this._el.removeChild(this._el.lastChild);
            };
            return Drawing;
        })();
    
        var useSVG = document.documentElement.tagName.toLowerCase() === "svg";
    
        // Drawing in DOM by using Table tag
        var Drawing = useSVG ? svgDrawer : !_isSupportCanvas() ? (function() {
            var Drawing = function(el, htOption) {
                this._el = el;
                this._htOption = htOption;
            };
    
            /**
             * Draw the QRCode
             * 
             * @param {QRCode} oQRCode
             */
            Drawing.prototype.draw = function(oQRCode) {
                var _htOption = this._htOption;
                var _el = this._el;
                var nCount = oQRCode.getModuleCount();
                var nWidth = Math.floor(_htOption.width / nCount);
                var nHeight = Math.floor(_htOption.height / nCount);
                var aHTML = ['<table style="border:0;border-collapse:collapse;">'];
    
                for(var row = 0; row < nCount; row++) {
                    aHTML.push('<tr>');
    
                    for(var col = 0; col < nCount; col++) {
                        aHTML.push('<td style="border:0;border-collapse:collapse;padding:0;margin:0;width:' + nWidth + 'px;height:' + nHeight + 'px;background-color:' + (oQRCode.isDark(row, col) ? _htOption.colorDark : _htOption.colorLight) + ';"></td>');
                    }
    
                    aHTML.push('</tr>');
                }
    
                aHTML.push('</table>');
                _el.innerHTML = aHTML.join('');
    
                // Fix the margin values as real size.
                var elTable = _el.childNodes[0];
                var nLeftMarginTable = (_htOption.width - elTable.offsetWidth) / 2;
                var nTopMarginTable = (_htOption.height - elTable.offsetHeight) / 2;
                if(nLeftMarginTable > 0 && nTopMarginTable > 0) {
                    elTable.style.margin = nTopMarginTable + "px " + nLeftMarginTable + "px";
                }
            };
    
            /**
             * Clear the QRCode
             */
            Drawing.prototype.clear = function() {
                this._el.innerHTML = '';
            };
    
            return Drawing;
        })() : (function() { // Drawing in Canvas
            function _onMakeImage() {
                this._elImage.src = this._elCanvas.toDataURL("image/png");
                this._elImage.style.display = "block";
                this._elCanvas.style.display = "none";
            }
    
            // Android 2.1 bug workaround
            // http://code.google.com/p/android/issues/detail?id=5141
            if(this._android && this._android <= 2.1) {
                var factor = 1 / window.devicePixelRatio;
                var drawImage = CanvasRenderingContext2D.prototype.drawImage;
                CanvasRenderingContext2D.prototype.drawImage = function(image, sx, sy, sw, sh, dx, dy, dw, dh) {
                    if(("nodeName" in image) && /img/i.test(image.nodeName)) {
                        for(var i = arguments.length - 1; i >= 1; i--) {
                            arguments[i] = arguments[i] * factor;
                        }
                    } else if(typeof dw == "undefined") {
                        arguments[1] *= factor;
                        arguments[2] *= factor;
                        arguments[3] *= factor;
                        arguments[4] *= factor;
                    }
    
                    drawImage.apply(this, arguments);
                };
            }
    
            /**
             * Check whether the user's browser supports Data URI or not
             * 
             * @private
             * @param {Function} fSuccess Occurs if it supports Data URI
             * @param {Function} fFail Occurs if it doesn't support Data URI
             */
            function _safeSetDataURI(fSuccess, fFail) {
                var self = this;
                self._fFail = fFail;
                self._fSuccess = fSuccess;
    
                // Check it just once
                if(self._bSupportDataURI === null) {
                    var el = document.createElement("img");
                    var fOnError = function() {
                        self._bSupportDataURI = false;
    
                        if(self._fFail) {
                            _fFail.call(self);
                        }
                    };
                    var fOnSuccess = function() {
                        self._bSupportDataURI = true;
    
                        if(self._fSuccess) {
                            self._fSuccess.call(self);
                        }
                    };
    
                    el.onabort = fOnError;
                    el.onerror = fOnError;
                    el.onload = fOnSuccess;
                    el.src = "data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg=="; // the Image contains 1px data.
                    return;
                } else if(self._bSupportDataURI === true && self._fSuccess) {
                    self._fSuccess.call(self);
                } else if(self._bSupportDataURI === false && self._fFail) {
                    self._fFail.call(self);
                }
            };
    
            /**
             * Drawing QRCode by using canvas
             * 
             * @constructor
             * @param {HTMLElement} el
             * @param {Object} htOption QRCode Options 
             */
            var Drawing = function(el, htOption) {
                this._bIsPainted = false;
                this._android = _getAndroid();
    
                this._htOption = htOption;
                this._elCanvas = document.createElement("canvas");
                this._elCanvas.width = htOption.width;
                this._elCanvas.height = htOption.height;
                el.appendChild(this._elCanvas);
                this._el = el;
                this._oContext = this._elCanvas.getContext("2d");
                this._bIsPainted = false;
                this._elImage = document.createElement("img");
                this._elImage.alt = "Scan me!";
                this._elImage.style.display = "none";
                this._el.appendChild(this._elImage);
                this._bSupportDataURI = null;
            };
    
            /**
             * Draw the QRCode
             * 
             * @param {QRCode} oQRCode 
             */
            Drawing.prototype.draw = function(oQRCode) {
                var _elImage = this._elImage;
                var _oContext = this._oContext;
                var _htOption = this._htOption;
    
                var nCount = oQRCode.getModuleCount();
                var nWidth = _htOption.width / nCount;
                var nHeight = _htOption.height / nCount;
                var nRoundedWidth = Math.round(nWidth);
                var nRoundedHeight = Math.round(nHeight);
    
                _elImage.style.display = "none";
                this.clear();
    
                for(var row = 0; row < nCount; row++) {
                    for(var col = 0; col < nCount; col++) {
                        var bIsDark = oQRCode.isDark(row, col);
                        var nLeft = col * nWidth;
                        var nTop = row * nHeight;
                        _oContext.strokeStyle = bIsDark ? _htOption.colorDark : _htOption.colorLight;
                        _oContext.lineWidth = 1;
                        _oContext.fillStyle = bIsDark ? _htOption.colorDark : _htOption.colorLight;
                        _oContext.fillRect(nLeft, nTop, nWidth, nHeight);
    
                        // 안티 앨리어싱 방지 처리
                        _oContext.strokeRect(
                            Math.floor(nLeft) + 0.5,
                            Math.floor(nTop) + 0.5,
                            nRoundedWidth,
                            nRoundedHeight
                        );
    
                        _oContext.strokeRect(
                            Math.ceil(nLeft) - 0.5,
                            Math.ceil(nTop) - 0.5,
                            nRoundedWidth,
                            nRoundedHeight
                        );
                    }
                }
    
                this._bIsPainted = true;
            };
    
            /**
             * Make the image from Canvas if the browser supports Data URI.
             */
            Drawing.prototype.makeImage = function() {
                if(this._bIsPainted) {
                    _safeSetDataURI.call(this, _onMakeImage);
                }
            };
    
            /**
             * Return whether the QRCode is painted or not
             * 
             * @return {Boolean}
             */
            Drawing.prototype.isPainted = function() {
                return this._bIsPainted;
            };
    
            /**
             * Clear the QRCode
             */
            Drawing.prototype.clear = function() {
                this._oContext.clearRect(0, 0, this._elCanvas.width, this._elCanvas.height);
                this._bIsPainted = false;
            };
    
            /**
             * @private
             * @param {Number} nNumber
             */
            Drawing.prototype.round = function(nNumber) {
                if(!nNumber) {
                    return nNumber;
                }
    
                return Math.floor(nNumber * 1000) / 1000;
            };
    
            return Drawing;
        })();
    
        /**
         * Get the type by string length
         * 
         * @private
         * @param {String} sText
         * @param {Number} nCorrectLevel
         * @return {Number} type
         */
        function _getTypeNumber(sText, nCorrectLevel) {
            var nType = 1;
            var length = _getUTF8Length(sText);
    
            for(var i = 0, len = QRCodeLimitLength.length; i <= len; i++) {
                var nLimit = 0;
    
                switch(nCorrectLevel) {
                    case QRErrorCorrectLevel.L:
                        nLimit = QRCodeLimitLength[i][0];
                        break;
                    case QRErrorCorrectLevel.M:
                        nLimit = QRCodeLimitLength[i][1];
                        break;
                    case QRErrorCorrectLevel.Q:
                        nLimit = QRCodeLimitLength[i][2];
                        break;
                    case QRErrorCorrectLevel.H:
                        nLimit = QRCodeLimitLength[i][3];
                        break;
                }
    
                if(length <= nLimit) {
                    break;
                } else {
                    nType++;
                }
            }
    
            if(nType > QRCodeLimitLength.length) {
                throw new Error("Too long data");
            }
    
            return nType;
        }
    
        function _getUTF8Length(sText) {
            var replacedText = encodeURI(sText).toString().replace(/\%[0-9a-fA-F]{2}/g, 'a');
            return replacedText.length + (replacedText.length != sText ? 3 : 0);
        }
    
        /**
         * @class QRCode
         * @constructor
         * @example 
         * new QRCode(document.getElementById("test"), "http://jindo.dev.naver.com/collie");
         *
         * @example
         * var oQRCode = new QRCode("test", {
         *    text : "http://naver.com",
         *    width : 128,
         *    height : 128
         * });
         * 
         * oQRCode.clear(); // Clear the QRCode.
         * oQRCode.makeCode("http://map.naver.com"); // Re-create the QRCode.
         *
         * @param {HTMLElement|String} el target element or 'id' attribute of element.
         * @param {Object|String} vOption
         * @param {String} vOption.text QRCode link data
         * @param {Number} [vOption.width=256]
         * @param {Number} [vOption.height=256]
         * @param {String} [vOption.colorDark="#000000"]
         * @param {String} [vOption.colorLight="#ffffff"]
         * @param {QRCode.CorrectLevel} [vOption.correctLevel=QRCode.CorrectLevel.H] [L|M|Q|H] 
         */
        QRCode = function(el, vOption) {
            this._htOption = {
                width: 256,
                height: 256,
                typeNumber: 4,
                colorDark: "#000000",
                colorLight: "#ffffff",
                correctLevel: QRErrorCorrectLevel.H
            };
    
            if(typeof vOption === 'string') {
                vOption = {
                    text: vOption
                };
            }
    
            // Overwrites options
            if(vOption) {
                for(var i in vOption) {
                    this._htOption[i] = vOption[i];
                }
            }
    
            if(typeof el == "string") {
                el = document.getElementById(el);
            }
    
            this._android = _getAndroid();
            this._el = el;
            this._oQRCode = null;
            this._oDrawing = new Drawing(this._el, this._htOption);
    
            if(this._htOption.text) {
                this.makeCode(this._htOption.text);
            }
        };
    
        /**
         * Make the QRCode
         * 
         * @param {String} sText link data
         */
        QRCode.prototype.makeCode = function(sText) {
            this._oQRCode = new QRCodeModel(_getTypeNumber(sText, this._htOption.correctLevel), this._htOption.correctLevel);
            this._oQRCode.addData(sText);
            this._oQRCode.make();
            this._el.title = sText;
            this._oDrawing.draw(this._oQRCode);
            this.makeImage();
        };
    
        /**
         * Make the Image from Canvas element
         * - It occurs automatically
         * - Android below 3 doesn't support Data-URI spec.
         * 
         * @private
         */
        QRCode.prototype.makeImage = function() {
            if(typeof this._oDrawing.makeImage == "function" && (!this._android || this._android >= 3)) {
                this._oDrawing.makeImage();
            }
        };
    
        /**
         * Clear the QRCode
         */
        QRCode.prototype.clear = function() {
            this._oDrawing.clear();
        };
    
        /**
         * @name QRCode.CorrectLevel
         */
        QRCode.CorrectLevel = QRErrorCorrectLevel;
    })();

    简单界面--qRcode.html

    <!DOCTYPE html>
    <html>
    
        <head>
            <title></title>
            <meta charset="utf-8" />
            <script src="./js/qrcode.js"></script>
            <style>
                #qrcode {
                    /*text-align: center;*/
                    /*display: table-cell;*/
                    /*width: 96px;*/
                    /*height: 96px;*/
                    /*vertical-align:middle;*/
                    /*position: relative;*/
                }
            </style>
        </head>
    
        <body>
            <div id="qrcode">
            </div>
    
            <input type="text" id="getval" /> <button id="send">点击更换验证码</button>
            <script>
                window.onload = function() {
                    var qrcode = new QRCode(document.getElementById("qrcode"), {
                        width: 150, //设置宽高
                        height: 150
                    });
                    qrcode.makeCode("hs前端路上,一路相随...");
                    document.getElementById("send").onclick = function() {
                        qrcode.makeCode(document.getElementById("getval").value);
                    }
                }
            </script>
        </body>
    
    </html>

    另附dcloudH5+在手机端扫码调用小DEMO(在Hbuilder上创建移动APP才能运行)
    调用界面barcode.html

    <!DOCTYPE HTML>
    <html>
    
        <head>
            <meta charset="utf-8" />
            <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
            <meta name="HandheldFriendly" content="true" />
            <meta name="MobileOptimized" content="320" />
            <title>Hello H5+</title>
            <!--<script type="text/javascript" src="../js/commonSelf.js"></script>-->
            <script type="text/javascript">
                (function(w) {
                    var openw = null,
                        waiting = null;
                    /**
                     * 打开新窗口
                     * @param {URIString} id : 要打开页面url
                     * @param {boolean} wa : 是否显示等待框
                     * @param {boolean} ns : 是否不自动显示
                     * @param {JSON} ws : Webview窗口属性
                     */
                    w.clicked = function(id, wa, ns, ws) {
                        if(openw) { //避免多次打开同一个页面
                            return null;
                        }
                        if(w.plus) {
                            wa && (waiting = plus.nativeUI.showWaiting());
                            ws = ws || {};
                            ws.scrollIndicator || (ws.scrollIndicator = 'none');
                            ws.scalable || (ws.scalable = false);
                            var pre = ''; //'http://192.168.1.178:8080/h5/';
                            openw = plus.webview.create(pre + id, id, ws);
                            ns || openw.addEventListener('loaded', function() { //页面加载完成后才显示
                                //        setTimeout(function(){//延后显示可避免低端机上动画时白屏
                                openw.show(as);
                                closeWaiting();
                                //        },200);
                            }, false);
                            openw.addEventListener('close', function() { //页面关闭后可再次打开
                                openw = null;
                            }, false);
                            return openw;
                        } else {
                            w.open(id);
                        }
                        return null;
                    };
    
                    /**
                     * 关闭等待框
                     */
                    w.closeWaiting = function() {
                        waiting && waiting.close();
                        waiting = null;
                    }
                })(window);
            </script>
            <script type="text/javascript">
                function scaned(t, r, f) {
                    var d = new Date();
                    var h = d.getHours(),
                        m = d.getMinutes(),
                        s = d.getSeconds(),
                        ms = d.getMilliseconds();
                    if(h < 10) {
                        h = '0' + h;
                    }
                    if(m < 10) {
                        m = '0' + m;
                    }
                    if(s < 10) {
                        s = '0' + s;
                    }
                    if(ms < 10) {
                        ms = '00' + ms;
                    } else if(ms < 100) {
                        ms = '0' + ms;
                    }
                    var ts = '[' + h + ':' + m + ':' + s + '.' + ms + ']';
                    console.log("二维码信息-----" + r);
                    alert("二维码信息-----" + r);
                }
            </script>
            <style type="text/css">
                html {
                    width: 100%;
                    height: 100%;
                }
                
                body {
                    margin: 0;
                    padding: 0;
                    width: 100%;
                    height: 100%;
                    font-family: Arial;
                    font-size: 16px;
                    color: #6c6c6c;
                    -webkit-touch-callout: none;
                    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                    -webkit-text-size-adjust: none;
                }
                
                .button {
                    font-size: 18px;
                    font-weight: normal;
                    text-decoration: none;
                    display: block;
                    text-align: center;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    color: #FFF;
                    background-color: #FFCC33;
                    border: 1px solid #ECB100;
                    padding: .5em 0em;
                    margin: .5em .7em;
                    -webkit-border-radius: 5px;
                    border-radius: 5px;
                }
            </style>
        </head>
    
        <body>
            <div>
                <div class="button" onclick="clicked('barcode_scan.html',true,true);">扫一扫</div>
            </div>
        </body>
    
    </html>

    扫码界面barcode_scan.html

    <!DOCTYPE html>
    <html>
    
        <head>
            <meta charset="utf-8" />
            <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
            <meta name="HandheldFriendly" content="true" />
            <meta name="MobileOptimized" content="320" />
            <title>扫码界面</title>
            <!--<script type="text/javascript" src="../js/commonSelf.js"></script>-->
            <script type="text/javascript">
                (function(w) {
                    var waiting = null;
                    /**
                     * 关闭等待框
                     */
                    w.closeWaiting = function() {
                        waiting && waiting.close();
                        waiting = null;
                    };
                    // 处理返回事件
                    w.back = function(hide) {
                        if(w.plus) {
                            ws || (ws = plus.webview.currentWebview());
                            if(hide || ws.preate) {
                                ws.hide('auto');
                            } else {
                                ws.close('auto');
                            }
                        } else if(history.length > 1) {
                            history.back();
                        } else {
                            w.close();
                        }
                    };
                })(window);
            </script>
            <script type="text/javascript">
                var ws = null,
                    wo = null;
                var scan = null,
                    domready = false;
                // H5 plus事件处理
                function plusReady() {
                    if(ws || !window.plus || !domready) {
                        return;
                    }
                    // 获取窗口对象
                    ws = plus.webview.currentWebview();
                    wo = ws.opener();
                    // 开始扫描
                    ws.addEventListener('show', function() {
                        scan = new plus.barcode.Barcode('bcid');
                        scan.onmarked = onmarked;
                        scan.start({
                            conserve: true,
                            filename: "_doc/barcode/"
                        });
                    });
                    // 显示页面并关闭等待框
                    ws.show("pop-in");
                    wo.evalJS("closeWaiting()");
                }
                if(window.plus) {
                    plusReady();
                } else {
                    document.addEventListener("plusready", plusReady, false);
                }
                // 监听DOMContentLoaded事件
                document.addEventListener("DOMContentLoaded", function() {
                    domready = true;
                    plusReady();
                }, false);
                // 二维码扫描成功
                function onmarked(type, result, file) {
                    switch(type) {
                        case plus.barcode.QR:
                            type = "QR";
                            break;
                        case plus.barcode.EAN13:
                            type = "EAN13";
                            break;
                        case plus.barcode.EAN8:
                            type = "EAN8";
                            break;
                        default:
                            type = "其它" + type;
                            break;
                    }
                    result = result.replace(/\n/g, '');
                    wo.evalJS("scaned('" + type + "','" + result + "','" + file + "');");
                    back();
                }
            </script>
            <style type="text/css">
                html {
                    width: 100%;
                    height: 100%;
                }
                
                body {
                    margin: 0;
                    padding: 0;
                    width: 100%;
                    height: 100%;
                    font-family: Arial;
                    font-size: 16px;
                    color: #6c6c6c;
                    -webkit-touch-callout: none;
                    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
                    -webkit-text-size-adjust: none;
                }
                
                #bcid {
                    width: 100%;
                    position: absolute;
                    top: 0px;
                    bottom: 44px;
                    text-align: center;
                }
                
                .tip {
                    color: #FFFFFF;
                    font-weight: bold;
                    text-shadow: 0px -1px #103E5C;
                }
                
                footer {
                    width: 100%;
                    height: 44px;
                    position: absolute;
                    bottom: 0px;
                    line-height: 44px;
                    text-align: center;
                    color: #FFF;
                }
                
                .fbt {
                    width: 100%;
                    height: 100%;
                    background-color: #FFCC33;
                    float: left;
                }
                
                .fbt:active {
                    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
                    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.5);
                }
            </style>
        </head>
    
        <body style="background-color: #000000;">
            <div id="bcid">
                <div style="height:40%"></div>
                <p class="tip">...载入中...</p>
            </div>
            <footer>
                <div class="fbt" onclick="back();">取  消</div>
            </footer>
        </body>
    
    </html>
    展开全文
  • java(二维码生成demo)

    2017-12-19 11:48:06
    java(二维码生成demo)java(二维码生成demo)java(二维码生成demo)java(二维码生成demo)
  • 第二步:找到对应的H5处理页面(自己可以自行开发,或开发打印功能都可以的)  Html5页面对应的页面代码如下: &lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "...

    效果动画演示

     

     实现步骤

    第一步:创建窗口“H5”

    第二步:找到对应的H5处理页面(自己可以自行开发,或开发打印功能都可以的)

     Html5页面对应的页面代码如下:

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <title>条码和二维码生成器</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta name="generator" content="pandoc" />
        <meta name="date" content="" />
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="jquery.qrcode.min.js"></script>
        <script type="text/javascript" src="jquery.qrcode.js"></script>
        <script type="text/javascript" src="qrcode.js"></script>
        <script type="text/javascript" src="JsBarcode.all.min.js"></script>
    </head>
    <body style="overflow:hidden;">
        <p></p>
        <div style="width:90%; text-align:center;">
            <img id="qrcodeTiaoMa" style="width:400px;" />
        </div>
        <p></p>
        <div style="width:90%; text-align:center;">
            <div id="qrcodeTable" style="margin:0 auto; width:260px;"></div>
        </div>
        <script type="text/javascript">
    window.onload = function () {
        var codeValue = "9780199532179";
        codeValue = getUrlParam("code");
        if (codeValue == null || codeValue.length <= 0) { codeValue = "0000000000000" }
        createCode(codeValue);
    
    }
    function createCode(codeValue) {
        //生成条码
        JsBarcode("#qrcodeTiaoMa", codeValue, {
            displayValue: false,
            fontSize: 100
        });
        //生成二维码
        jQuery('#qrcodeTable').qrcode({
            render: "table",
            text: codeValue
        });
    }
    //获取url中的参数
    function getUrlParam(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); //构造一个含有目标参数的正则表达式对象
        var r = window.location.search.substr(1).match(reg);  //匹配目标参数
        if (r != null) return unescape(r[2]); return null; //返回参数值
    }
        </script>
    </body>
    </html>
    

    第三步:在窗体打开的时候,加载 Web浏览器 对应的 条码生成h5

     

    Dim h5Path,codeValue
    h5Path="file:///"&Sys.ProjectDir &"\H5CreateCode\index.html"
    codeValue=文本框0.Text
    If Len(codeValue)<=0 then
        Exit Sub
    End If
    h5Path=h5Path&"?code="&codeValue
    Web浏览器0.Url=h5Path
    Web浏览器0.print()

     第四步:生成按钮的事件代码

    Dim h5Path,codeValue
    h5Path="file:///"&Sys.ProjectDir &"\H5CreateCode\index.html"
    codeValue=文本框0.Text
    If Len(codeValue)<=0 then
        MsgBox "请输入要生成的条码内容!"
        Exit Sub
    End If
    h5Path=h5Path&"?code="&codeValue
    Web浏览器0.Url=h5Path
    Web浏览器0.print()

     

    展开全文
  • 请教一个问题 ,有没有知道h5页面我点击按钮后生成在弹层上的海报,(二维码和一张图片拼接生成一张不重叠在一起的海报 ) 有红包报答
  • 完整的生成二维码方法,并有压缩图片的方法,包括小程序跳转二维码h5跳转二维码两种
  • H5生成二维码

    2020-03-14 14:54:05
    <!DOCTYPE> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> <head> ...Javascript 二维码生成库:QRCode</title> <meta http-equiv="Content-Type" content="...
    <!DOCTYPE>
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">
    <head>
    <title>Javascript 二维码生成库:QRCode</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no" />
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script type="text/javascript" src="http://static.runoob.com/assets/qrcode/qrcode.min.js"></script>
    </head>
    <body>
    <input id="text" type="text" value="http://www.runoob.com" style="width:80%" /><br />
    <div id="qrcode" style="width:100px; height:100px; margin-top:15px;"></div>
    
    <script type="text/javascript">
    var qrcode = new QRCode(document.getElementById("qrcode"), {
        width : 100,
        height : 100
    });
    
    function makeCode () {      
        var elText = document.getElementById("text");
        
        if (!elText.value) {
            alert("Input a text");
            elText.focus();
            return;
        }
        
        qrcode.makeCode(elText.value);
    }
    
    makeCode();
    
    $("#text").
        on("blur", function () {
            makeCode();
        }).
        on("keydown", function (e) {
            if (e.keyCode == 13) {
                makeCode();
            }
        });
    </script>
    </body>
    </html>
    
    展开全文
  • H5链接生成二维码

    千次阅读 2020-06-30 10:52:09
    需求: H5链接生成二维码用于分享好友长按识别打开 ...用 草料二维码生成器直接生成 ,生成的二维码图片为 如果先使用 新浪短网址服务 ,将网址缩短为http://dwz.date/bqbA,然后再生成二维码 ...
  • H5生成二维码海报

    千次阅读 2019-12-02 10:30:12
    1.产品需求,需要生成一个带参数的地址二维码,然后画到海报上 第一步绘制二维码 使用第三方控件 <canvas id="canvas" width="530" height="760" v-show="false"> 浏览器版本太低,请更新浏览器 </canvas&...
  • 最近在开发H5页面中遇到二维码生成保存并下载到系统相册中的问题。问题大致分为:生成海报不全,未按照H5页面的显示进行海报保存,图片模糊等相关问题。 使用技术:qrcode + html2canvas 1、生成二维码 代码示例如下...
  • vue 二维码生成qrcodejs2

    2021-02-03 17:45:26
    vue 二维码生成qrcodejs2 之前写h5的分享页,所以要生成个二维码方便分享图片,所以就查到了qrcodejs2这个插件,过了挺长一段时间了,复习一下: 步骤: 1、安装qrcodejs2插件,在控制台输入: npm install qrcodejs...
  • 2. H5页面生成小程序二维码,手机微信扫码跳转目标小程序 为了开发方便,以上两种均借助了微信小程序云函数来实现 #事前准备 在vue过程的index.html中加入 <script src=...
  • js生成小程序某页面二维码生成小程序二维码

    万次阅读 多人点赞 2018-08-02 11:15:09
    时候会有业务需求生成页面的小程序二维码,进入指定页面 效果图: 首先要获取access_token; 下面是链接 https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=APPID&...
  • js文件 qrcode.js 代码/*from tccdn minify at 2014-6-4 14:59:43,file:/.../** * @fileoverview * - Using the 'QRCode for Javascript library' * - Fixed dataset of 'QRCode for Javascript libra
  • uni-app 二维码生成

    2020-06-10 16:48:48
    uni-app 二维码生成器 作者:诗小柒 H5、微信小程序、支付宝小程序、APP,其它平台的小程序没有测试 使用canvas生成 可设置二维码背景色,前景色,角标色 可设置二维码logo 重要的事情说3遍 重要的事情说3遍 ...
  • 移动互联网用户群体广,用户群体越来越细化。为了更好地了解目标用户,企业纷纷通过各种方式去了解用户喜好以及需求,...为了方便线上和线下表单传阅、填写以及投放,你可以尝试将问卷调查链接转化成二维码,将二维码
  • HBuilder webApp开发(十一)二维码生成

    万次阅读 2016-07-12 11:04:20
    在MUI框架里,MUI帮我们把二维码的扫描(摄像头扫描和图片...二维码生成和读取图片中的二维码《【iOS】一个方法读取图片中的二维码信息》 总体上来说实现起来不难。在H5里面更加简单。包含jquery文件使用之前需要先引用
  • 前期由于项目需要,需要用到微信支付的相关内容,于是自己在网上查阅了很多资料,花了一周左右时间,将微信用到的二维码支付、H5支付、公众号内支付和APP支付统一进行了整理,希望跟大家多交流交流。 前期准备工作...
  • HTML5 实现扫描识别二维码 生成二维码

    万次阅读 热门讨论 2015-08-25 19:44:18
    1. 操作摄像头,获取图片。HTML5 WEBRTC的navigator.getUserMedia方法去实时获取摄像头资源。 2. 利用canvas使用相关算法分析图片识别图片得出结果,可用jquery.qrcode分析二维码 。(技术点:getImageData)
  • java web 二维码生成

    2019-10-03 03:05:47
    -- 二维码支持包 start--&gt; &lt;dependency&gt; &lt;groupId&gt;com.google.zxing&lt;/groupId&gt; &lt;artifactId&gt;core&lt;/artifactId&...
  • 使用该平台,用户无需掌握复杂的编程技术,只需通过简单拖拽、少量配置即可快速制作精美的页面,并且支持自定义组件,添加脚本,数据统计。 同时,该平台也为开发者提供了完备的编程接入能力,通过脚本和组件的形式...
  • vue 生成二维码 页面保存为海报

    千次阅读 2020-01-07 14:57:23
    vue 生成二维码 页面保存为海报 页面需求: 在app,点击分享跳转页面, 在当前页面展示邀请人信息、生成可扫描跳转的二维码及其他信息,在站内外都可以将生成卡片保存到本地。 生成二维码 vue-qr 插件 地址:...
  • h5之js生成二维码

    2018-08-23 18:01:00
    目录架构: index.html <!DOCTYPE> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko"> ...Javascript 二维码生成库:QRCode</title> <meta http-equiv="Conte...
  • 鲁班H5是基于Vue2.0开发的,通过拖拽的形式,生成页面的工具,类似易企秀、百度H5等工具。 鲁班H5特征: 1、编辑器 参考线 吸附线、组件对齐 拽改变组件形状 元素: 复制(画布) 元素: 删除(画布) 元素: 编辑...
  • 鲁班H5页面生成工具

    2021-05-13 11:27:33
    鲁班H5是基于Vue2.0开发的,通过拖拽的形式,生成页面的工具,类似易企秀、百度H5等工具。 鲁班H5特征: 1、编辑器 参考线 吸附线、组件对齐 拽改变组件形状 元素: 复制(画布) 元素: 删除(画布) 元素: 编辑...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 3,719
精华内容 1,487
关键字:

二维码生成h5页面