二維碼生成

一、引入

• qrcode.js獲取：二維碼外掛

<script src="jquery.min.js"></script>
<script src="qrcode.js"></script>

二、使用

• HTML結構

<!--logo圖片（不用logo圖片，可以不要）-->
<img id="imgLogo" src="img/logo.png" style="display:none">
<!--二維碼容器-->
<div id="qrcode1"></div>
<div id="qrcode1"></div>
 

• 初始化

//文字logo
$("#qrcode1").erweima({
    label: 'jQuery',
    fill:'#ac8ae7' ,//碼的顏色
    background: "#fdfbff",//背景顏色
    minVersion:6,
    text:'https://www.baidu.com',
});
//圖片logo
$('#qrcode2').erweima({
    mode: 4,
    mSize:20,
    image: $("#imgLogo")[0],
    text:'https://www.baidu.com'
});

三、引數

render：canvas / image / div   渲染模式，預設是canvas     
ecLevel：L:7% / M:15% / Q:25% / H:30%    二維碼識別度（越大越容易掃描）
-----------------------------------------------------------------------------------
minVersion：6              二維碼密度，推薦0-10
fill：'#666'               二維碼顏色
background：'#fff'           二維碼背景顏色
text：'www.baidu.com'         最後掃出來的結果
size：300                 二維碼大小
radius：50                點圓滑度,50以內
quiet：4                  二維碼邊框
------------------------------------------------------------------------------------
mode：2                  不顯示LOGO：0 / 文字且佔整行：1 / 文字居中：2 / 圖片且佔整行：3 / 圖片居中：4
mSize：20                 logo大小
mPosX：50                 logo水平座標,50居中
mPosY：50                 logo垂直座標,50居中
label:'掃碼關注我'           logo文字
fontname:'微軟雅黑'          logo字型名
fontcolor：'orange'          logo字型顏色
image：image:$("#imgLogo")[0]   設定的時候，需要把mode改成4，呼叫整個圖片控制元件