jQuery-qrcode.js 生成帶Logo 的二維碼

引入文件  jQuery-qrcode.js  

地址：https://blog-static.cnblogs.com/files/kitty-blog/jquery-qrcode.js

https://blog-static.cnblogs.com/files/kitty-blog/jquery-qrcode.min.js

1、在頁面上寫img 標簽 src 為 Logo 路徑, 如不需要顯示 則隱藏。。如 ：

<img src="~/images/Logo.png" class="hidden" id="myLogo" />

2、頁面上 寫個 div 放 二維碼：

 <div id="QRCode"></div>

3、創建 帶Logo 的二維碼 js d代碼：

//生成二維碼
    function createCode(QrUrl) {
        $("#QRCode").qrcode({
            render: "canvas", //也可以替換為table
            minVersion: 1,       // version range somewhere in 1 .. 40
            maxVersion: 40,
            ecLevel: 'H',        //識別度  'L', 'M', 'Q' or 'H'
            left: 0,
            top: 0,
            size: 100,           //尺寸
            fill: '#000',        //二維碼顏色
            background: null,    //背景色
            text: QrUrl,     //二維碼內容
            radius: 0.1,         // 0.0 .. 0.5
            quiet: 2,            //邊距
            mode: 4,
            mSize: 0.2,          //圖片大小
            mPosX: 0.5,
            mPosY: 0.5,
            label: 'jQuery.qrcode',
            fontname: 'sans',
            fontcolor: '#000',
            image: $('#myLogo')[0]
        });
    },