jQuery插件-二维码-jquery.qrcode

jQuery插件-二维码-jquery.qrcode

1.引入jquery.qrcode插件

下载jquery.qrcode.js

http://files.iuie.club:8080/cdn/js/jquery.qrcode.min.js

引入js

<script type='text/javascript' src='http://files.iuie.club:8080/cdn/js/jquery-1.9.1.js'></script>
<script type="text/javascript" src="http://files.iuie.club:8080/cdn/js/jquery.qrcode.min.js"></script>

2.使用

html代码

<div id='qrcode'></div>

js代码

var text = 'http://www.baidu.com'
$('#qrcode').qrcode(text);

更多的参数设置

var text = 'http://www.baidu.com'
$('#qrcode').qrcode({
    'width': 64,
    'height': 64,
    'render':'canvas'
    'text':'https://www.baidu.com'
});

render的可选值
1. canvas: 在页面上绘制canvas
2. table: 用<table>标签来绘制二维码。

jquery.qrcode.js 的github地址

https://github.com/jeromeetienne/jquery-qrcode