使用jquery.qrcode生成彩色二维码实例

jquery.qrcode.js是居于jquery类库的绘制二维码的插件，用它来实现二维码图形渲染支持帆布和桌子两种绘图方式(jquery.qrcode.js设置显示方式为桌子时在webkit核心浏览器如铬下会变形，这个需要注意。)

下面为测试代码（增加了颜色控制，可以设置四个区块的颜色值，需要指定提出为桌子。),效果如下：

代码如下：

htmlheadtitleJS生成二维码/title脚本类型=' text/JavaScript ' src=' http : jquery-1。4 .2 .量滴js '/script脚本类型=' text/JavaScript ' src=' http : jquery。二维码。量滴js '/脚本样式#输出{ margin-left :300 px；页边距-顶部：100像素；}/style/head dydiv id=' output '/div脚本窗口。onload=function(){ var TRS=$(' # output ').二维码({ width: 100，height: 100，render: 'canvas '，//设置渲染方式表格画布文本： utf16to8('javascript生成二维码)，background: '#ffffff '，//背景颜色“前景：”红色'//前景颜色}).find('tr ')，trLen=Math.floor(trs.size()/2)，tdLen=Math.floor(trs.eq(0).查找(' td ').size()/2)、tds、bgColorvar colors=[['#ff0000 '，' #0100e2']，['#00ed01 '，' # 9f4d 95 ']]；TRS。每个(函数(j){ TDS=$(this)).查找(' TD ')；TDS。每个(函数(I){ BG COlOr=this。风格。背景颜色；if(bgColor==' red '){ this。风格。背景颜色=colors[j trLen？0 : 1][i tdLen？0 : 1];} });});}函数utf16to8(str) { var out，I，len，c；out=len=str . length for(I=0；我透镜；I){ c=str。charcodeat(一)；if((c=0x 0001)(c=0x 007f)){ out=str。charat(一)；} else if(c0x07FF){ out=String。FromCharCode(0xe 0 |((c 12)0x0F))；out=字符串。FromCharCode(0x 80 |((c 6)0x3F))；out=字符串。FromCharCode(0x 80 |((c 0)0x3F))；} else { out=String。FromCharCode(0xc 0 |((c 6)0x1F))；out=字符串。FromCharCode(0x 80 |((c 0)0x3F))；} }返回；}/脚本/正文/html jquery-二维码这个库是采用charCodeAt这个方式进行编码转换的，而这个方法默认会获取它的统一码编码，一般的解码器都是采用UTF-8，国际标准化组织-8859-1等方式，英文是没有问题，如果是中文，一般情况下统一码是UTF-16实现，长度2位，而UTF-8编码是3位，这样二维码的编解码就不匹配了。解决方式：在二维码编码前把字符串转换成UTF-8，具体代码如上utf16to8函数

PS:本站还提供了一个功能非常强大的二维码生成工具，感兴趣的朋友可以参考一下：

http://tools.jb51.net/transcoding/jb51qrcode