jquery.qrcode.min.js是一款能够生成二维码的插件,使用前提是先引入jquery,由于jquery.qrcode.min.js依赖jquery。javascript
基本用法html
1.引入jsjava
<script src="js/jquery-3.1.1.min.js"></script> <script src="js/jquery.qrcode.min.js"></script>
2.构建容器jquery
<div class="app"></div>
3.生成二维码canvas
$(".app").qrcode({ render:"canvas", width:400, height:400, text:"http://www.cnblogs.com/jiangcheng-langzi/" });
这样,一个二维码就生成了,经过扫二维码,能够方便的访问本博客。浏览器
拓展讲解app
(1)qrcode生成二维码有两种方式:table和canvas。编码
table方式:会生成许多代码,黑白相间的是一个个td,总共是37 x 37个格子,通常选择这种方式是为了兼容不支持canvas的浏览器spa
canvas方式:生成的二维码其实使用的是canvas绘图,能够另存为图片格式插件
(2)qrcode默认的宽高均为256px
(3)qrcode采用的是charCodeAt() 进行编码转换,而这个方法默认会获取它的Unicode编码,因此若是text包含中文,须要使用encodeURI()转码。
(4)此外,能够经过属性foreground和background指定二维码的前景色和背景色