首先需要jquery.qrcode.min.js插件转二维码，下载地址：

1、在页面需要显示二维码的地方，代码如下：

<div id="qrcode"></div>

2、调用qrcode插件。

qrcode可以支持canvas和table两种方式渲染图片，默认canvas。一般canvas渲染效果比table要好，区别可以试一下。

调用代码如下：

$('#qrcode').qrcode("您好！");//任意字符串

也可以这样：

$('#qrcode').qrcode({            render："table",//渲染方式            height:100,            width:100,            text:"简单，会想"//      background:"yellow" ,//背景颜色//      foreground:"red"//前景颜色 });

还有很多其他属性，如边框留白大小quietZoneSize，定义图标logo，correctLevel(容错级别,支持L,M,H)Low/Middle/High等等

3、

其实上面的js有一个小小的缺点，就是默认不支持中文。

这跟js的机制有关系，jquery-qrcode这个库是采用 charCodeAt() 这个方式进行编码转换的，

而这个方法默认会获取它的 Unicode 编码，一般的解码器都是采用UTF-8, ISO-8859-1等方式，

英文是没有问题，如果是中文，一般情况下Unicode是UTF-16实现，长度2位，而UTF-8编码是3位，这样二维码的编解码就不匹配了。

解决方式当然是，在二维码编码前把字符串转换成UTF-8，具体代码如下：

 function utf16to8(str) {        var out, i, len, c;        out = "";        len = str.length;        for (i = 0; i < len; i++) {            c = str.charCodeAt(i);            if ((c >= 0x0001) && (c <= 0x007F)) {                out += str.charAt(i);            } else if (c > 0x07FF) {                out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));                out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));                out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));            } else {                out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));                out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));            }        }        return out;    }

这是自己写的一个例子：加了一些样式，大家可以参考下

    
         
     
          
          
      
           
       
        
         //转字符码    function utf16to8(str) {        var out, i, len, c;        out = "";        len = str.length;        for (i = 0; i < len; i++) {            c = str.charCodeAt(i);            if ((c >= 0x0001) && (c <= 0x007F)) {                out += str.charAt(i);            } else if (c > 0x07FF) {                out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));                out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));                out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));            } else {                out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));                out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));            }        }        return out;    }    function qrcode(){               //生成二维码        $('#output').qrcode({            height:100,            width:100,            text:utf16to8($('#text'.html))//      background:"yellow" ,//背景颜色//      foreground:"red"//前景颜色 });    }
         
              
          
                   
           
                        qrcode.            
            
             easy521.com                
             
                      
              
               生成二维码        
               
                提供者：刘谱
                
        
                
                         
                 
                              
                  
                   Hello Word                
                   
                                
                    
                                     
                     
                              
                      
                        最后更新时间：2015.08.20