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