為什麼要用二維碼

原因多了去了，移動端和PC端但凡都支援，就免不了響應式，但凡有響應式，就少不了PC到移動端的頁面跳轉，二維碼是最方便的“傳遞”工具

二維碼顯示方式

二維碼內部無非就是黑色白色的小格子組成的圖片，裡面包含最有用的資訊就是 uri||text
- 靜態圖片，img放上去就是一個靜態的二維碼，任爾掃來掃去，我就這麼一張圖片，一個地址。那麼這個img從哪來呢？太多了，網上隨便一找，都是可以根據某些引數生成二維碼的小工具
- canvas，非常好的一個展現方式，不過就是ie不支援，canvas好就好在可以自定義logo和文字在上面，可以靈活配置uri等引數，要啥有啥，用得最多的一種
- 當然還有div，沒太瞭解，不做多說

外掛名稱

jQuery.qrcode.min.js

二維碼生成條件

• 首先當然會需要一個dom元素來裝載二維碼了，jQuery一渲染，引數一放，一句話搞定

$(selector).qrcode(options);

• 各位看客肯定看到了options，對，這個options才是決定二維碼靈魂的重要資料

{
    // 渲染方式: 'canvas', 'image' or 'div'
    render: 'canvas',

    // 版本範圍在 1 .. 40
    minVersion: 1,
    maxVersion: 40,

    // 誤差校正水平: 'L', 'M', 'Q' or 'H'
 

    ecLevel: 'L',

    // 如果繪製到現有畫布上的畫素偏移
    left: 0,
    top: 0,

    // 尺寸(使用畫素)
    size: 200,

    // 程式碼顏色或影象元素
    fill: '#000',

    // 背景顏色或影象元素，null則代表透明背景
    background: null,

    // 內容
    text: 'no text',

    // 相對於模組寬度的角半徑: 0.0 .. 0.5
    radius: 0,

    // 模組中安靜的區域
    quiet: 0,

    // 模式
    // 0: normal
    // 1: label strip
 

    // 2: label box
    // 3: image strip
    // 4: image box
    mode: 0,

    mSize: 0.1,
    mPosX: 0.5,
    mPosY: 0.5,

    label: 'no label',
    fontname: 'sans',
    fontcolor: '#000',

    image: null
}

• 誒，問題來了，引數這麼多，難道我每一個都要配置嗎，當然不用，下面這樣就足夠了

{
    render:"canvas",
    height:80,
    width:80,
    correctLevel:0,
    text:'www.baidu.com'
}