最近公司网站需要商品链接生成二维码以支撑移动端支付,最初考虑ajax调后端java服务(zxing)生成二维码图片保存在服务器,后来不经意搜索到jquery.qrcode.js这个可以在客户端直接生成二维码的jquery插件,用法很简单,首先下载jquery.qrcode.min.js,也可以在本文附件中下载,代码如下:
<!DOCTYPE html> <html> <head> <title>example</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"></script> </head> <body> <div id="qrcode"></div> <script> $('#qrcode').qrcode({ width: 300,//宽 height: 300, //高 render: !!document.createElement('canvas').getContext ? 'canvas' : 'table', //兼容不同浏览器,因为ie浏览器不兼容canvas渲染模式 text: window.location.href//获取当前链接生成二维码 }); </script> </body> </html>
jquery.qrcode.min.js分两种渲染方式生成二维码,一种是在html中插入table以点阵方式填充颜色组成二维码,一种是创建canvas元素再绘制图像(HTML5新特性)。后者是比较清爽的,但ie浏览器兼容性不理想,上面代码第15行有做容错处理。
插件还有如下配置:
typeNumber : -1, //算法模式 correctLevel : QRErrorCorrectLevel.H,//纠错 background : "#ffffff",//背景色 foreground : "#000000" //前景色
如果要生成中文二维码,最好先对中文进行转码
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; }
相关推荐
JQuery二维码生成插件,JQuery二维码生成插件,JQuery二维码生成插件
Jquery 二维码生成插件 美化版Jquery 二维码生成插件 美化版
基于jquery二维码生成插件jquery.qrcode.js在线生成二维码
支持中文的,不依赖于类库jquery二维码生
jQuery生成二维码插件是一款jQuery.qrcode允许动态添加的QR码,可选择在canvas或div的渲染代码。
主要为大家详细介绍了基于jquery二维码生成插件qrcode的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
jquery二维码生成插件,输入内容生成二维码,方便,轻量级
jQuery网页二维码生成插件是一款基于qrcode.js二维码插件制作的,支持中文以及LOGO的添加。
插件描述:Jquery 二维码生成插件,高度定制. 参考示例:http://www.jq22.com/jquery-info4094
动态jquery插件制作可随意生成二维码图片的生成器。拿手机扫一扫就能获取二维码内容。
注意:使用juery生成的二维码的识别率没有php高,但是不会对服务器产生任何压力,一个jquery.qrcode插件就能搞定,所以请尽量传入较少的字符串增加识别率。 为了兼容中文使用了utf16to8函数,如果是纯英文则无需使用...
利用jquery的jquery.qrcode.js,生成二维码,并且canvas转成图片,方便移动端保存和识别二维码进行其他的操作。如有不足处,请各位大佬批评指导。
一款简单实用的jQuery基于qrcode.js网页二维码生成插件,支持中文以及LOGO图片的添加。
qrjs2.js是一款仿纯js二维码生成插件。该二维码生成插件能生成4种类型的二维码:SVG格式的二维码,data URI为SVG的图像,data URI为PNG的图像,和表格形式的二维码。
一款很好用的jquery生成二维码插件,不需要用到第三方API就将指定内容生成二维码了
这是一款可自定义logo的jQuery生成二维码插件。该插件可以实现二维码的生成,定义在二维码上显示的logo,以及logo的位置,文字颜色、字体等多种属性,非常实用。