二维码的应用已经渗透到我们的日常生活和工作中。你只需要用手机“扫描”二维码就可以得到相应的信息,方便我们了解商家、购物、看电影等等。本文将介绍一个基于jquery的二维码生成的二维码插件,通过调用页面中的插件可以生成相应的二维码。
1 .二维码实际上是利用jQuery实现图形渲染和绘制,支持画布(HTML5)和表格。
Github源代码地址:https://github.com/jeromeetienne/jquery-qrcode
参数描述:
Render : 'canvas ',//设置渲染方法width : 256,//设置width height : 256,//设置height typeNumber : -1,//计算模式修正级别: qrrorreceptive level . h,//误差修正级别背景: '#ffffff ',//背景颜色foreground:' # 00000'/前景色2。用法示例:
插件参考:
脚本src=' http:/js/jquery-1 . 11 . 3 . min . js '/script src=' http 3360./js/jquery-QR code-master/jquery . QR code . min . js '/脚本简单示例1:
Div id='code'/div脚本//生成任意字符串的QR码//默认用Canvas绘制$ ('# code ')。二维码(' http://blog . csdn . net/u 011127019 ');/脚本
简单示例2:
Div id='code'/div script //table模式兼容IE低版本$ ('# code ')。二维码({render:' table ',宽度: 100,高度: 100,text : ' http://blog.csdn.net/u011127010./脚本简单示例3(中文支持):
我们测试的时候,发现无法识别中文内容的二维码。我们发现jquery-二维码是由charCodeAt()编码和转换的。默认情况下,此方法将获取其Unicode代码。如果有中文内容,在生成二维码之前需要将字符串转换成UTF-8,然后生成二维码。
Div id='code'/div script //如果内容中有中文,字符串应该转换成UTF-8函数为UTF8 (STR) {var out,I,len,c;out=len=str.lengthfor(I=0;我透镜;I){ c=str . charcodeat(I);if((c=0x 0001)(c=0x 007f)){ out=str . charat(I);} else if(c0x07FF){ out=String . FromCharCode(0xe 0 |((c 12)0x0F));out=String . FromCharCode(0x 80 |((c 6)0x3F));out=String . FromCharCode(0x 80 |((c 0)0x3F));} else { out=String . FromCharCode(0xc 0 |((c 6)0x1F));out=String . FromCharCode(0x 80 |((c 0)0x3F));} }返回;} $ ('# code ')。二维码({text : to utf8('我是天马'),宽: 150,高: 150 });//目前微信/支付宝等二维码$ ('# code ')。二维码({text: to utf8('我是天马'),宽度: 150,高度3360 150,背景3360' # f00 ',前景:' #。/script实例4:
//文本属性的值长度不能太长,最大字节数为10208。//文本字符串太长。微信/支付宝扫描后无法识别,微博可以识别更多内容。//微博扫描:200字左右以内,微信扫描:160字左右以内。支付宝扫码:约130个字符以内$ ('# code ')。二维码({ text : to utf8(' signor '是微软的。NET框架库和ASP.NET团队正在开发的jQuery插件,可能会包含在ASP.NET平台的未来版本中。它提供了一些前景光明的功能,而这些功能正是,而且越来越多,是目前所没有的。),宽度: 150,高度: 150 });希望这篇文章对你有所帮助。我们在这里将通过使用jquery.qrcode.js来为大家介绍生成qrcode插件的内容。希望大家继续关注我们的网站!