jquery.qrcode.min.js生成二維碼

jquery.qrcode.min.js是一款可以生成二維碼的插件，使用前提是先引入jquery，因為jquery.qrcode.min.js依賴jquery。

基本用法

1.引入js

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

2.構建容器

 <div class="app"></div>

3.生成二維碼

    $(".app").qrcode({
        render:"canvas",
        width:400,
        height:400,
        text:"http://www.cnblogs.com/jiangcheng-langzi/"
    });　　

這樣，一個二維碼就生成了，通過掃二維碼，可以方便的訪問本博客。

拓展講解

（1）qrcode生成二維碼有兩種方式：table和canvas。

table方式：會生成許多代碼，黑白相間的是一個個td，總共是37 x 37個格子，一般選擇這種方式是為了相容不支持canvas的瀏覽器

canvas方式：生成的二維碼其實使用的是canvas繪圖，可以另存為圖片格式

（2）qrcode預設的寬高均為256px

（3）qrcode採用的是charCodeAt() 進行編碼轉換，而這個方法預設會獲取它的Unicode編碼，所以如果text包含中文，需要使用encodeURI()轉碼。


（4）此外，可以通過屬性foreground和background指定二維碼的前景色和背景色