文章分类 Classification
jquery.qrcode二维条码
稿件来源: 互联网 撰稿作者: 太阳光 发表日期: 2012-10-19 阅读次数: 321 查看权限: 游客查看
二维条形码能够在横向和纵向两个方位同时表达信息,因此能在很小的面积内表达大量的信息。jquery.qrcode.js是一个可以直接在浏览器中生成二维条码qrcode的jQuery插件。
二维条形码最早发明于日本,它是用某种特定的几何图形按一定规律在平面(二维方向上)分布的黑白相间的图形记录数据符号信息的,在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念,使用若干个与二进制相对应的几何形体来表示文字数值信息,通过图象输入设备或光电扫描设备自动识读以实现信息自动处理。它具有条码技术的一些共性:每种码制有其特定的字符集;每个字符占有一定的宽度;具有一定的校验功能等。同时还具有对不同行的信息自动识别功能、及处理图形旋转变化等特点。
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>二维码</title> </head> <body> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.qrcode.js"></script> <p>表格形式</p> <div id="qrcodeTable"></div> <p>画布形式</p> <div id="qrcodeCanvas"></div> <script> jQuery('#qrcodeTable').qrcode({ render : "table", width:100, height:100, text : "二维码内容" }); jQuery('#qrcodeCanvas').qrcode({ width:70, height:70, text : "二维码内容" }); </script> </body> </html>
//配置代码 options = $.extend( {}, { render : "canvas", width : 256, height : 256, typeNumber : -1, correctLevel: QRErrorCorrectLevel.H, background : "#ffffff", foreground : "#000000" }, options);
从配置代码中我们可以看到还可以定义前景色与背景色,大小及错误纠正字元。
浏览效果点击这里!
关键词: jquery,jq插件,jquery.qrcode 编辑时间: 2012-10-19
0
高兴0
支持0
搞笑0
不解0
谎言0
枪稿0
震惊0
无奈0
无聊0
反对0
愤怒
0%(0)
0%(0)
- 中搜索:jquery.qrcode二维条码
- 中搜索:jquery.qrcode二维条码
- 暂无评论
文章图片 article Pictrue
网友评论