插件地址:http://www.jq22.com/jquery-info294
转自:https://blog.csdn.net/mr_smile2014/article/details/51782122
一、jquery.qrcode.js介绍
jquery.qrcode.js 是一个纯浏览器 生成 QRcode 的 jQuery 插件,它使用非常简单,生成的 QRcode 无需下载图片,并且不依赖第三方服务,插件压缩之后大小小于 4K。
二、参数说明
text : "https://github.com/jeromeetienne/jquery-qrcode" //设置二维码内容
render : "canvas",//设置渲染方式 (有两种方式 table和canvas,默认是canvas)
width : 256, //设置宽度
height : 256, //设置高度
typeNumber : -1, //计算模式
correctLevel : 0,//纠错等级
background : "#ffffff",//背景颜色
foreground : "#000000" //前景颜色
三、jquery.qrcode使用
- 加载 jQuery 和 jquery.qrcode.js:
<script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script>
<script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
- 创建一个用于包含 QRcode 图片的 DOM 元素,比如 div:
<div id="qrcode"></div>
3.通过下面代码生成 QRcode:
最简单方式:jQuery('#qrcode').qrcode("http://blog.csdn.net/mr_smile2014");
自定义方式:jQuery('#qrcode').qrcode({render:canvas,width: 64,height: 64,correctLevel:0,text: "http://blog.csdn.net/mr_smile2014"});
这里要注意一个地方:如果说网页端产生的二维码,不需要被下载下来,只在页面上使用,那么就不用考虑二维码的折损程度,可以将其纠错等级设置为0(correctLevel:0),这样,在数据量不变的情况下,可以降低二位码复杂度,提高设备的扫码速度。
网友评论