这是一款可自定义 logo 的 jQuery 生成二维码插件。该插件可以实现二维码的生成,定义在二维码上显示的 logo,以及 logo 的位置,文字颜色、字体等多种属性,非常实用。
在页面中引入 jquery 和 jquery-qrcode.js 文件。
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery-qrcode.js"></script>
使用一个空的 div 元素来作为二维码的容器。
<div id="container"></div>
在页面 DOM 元素加载完毕之后,通过 qrcode 方法来初始化插件。
$('#container').qrcode(options);
可用的配置参数有:
{
// render method: 'canvas', 'image' or 'div'
render: 'canvas',
// version range somewhere in 1 .. 40
minVersion: 1,
maxVersion: 40,
// error correction level: 'L', 'M', 'Q' or 'H'
ecLevel: 'L',
// offset in pixel if drawn onto existing canvas
left: 0,
top: 0,
// size in pixel
size: 200,
// code color or image element
fill: '#000',
// background color or image element, null for transparent background
background: null,
// content
text: 'no text',
// corner radius relative to module width: 0.0 .. 0.5
radius: 0,
// quiet zone in modules
quiet: 0,
// modes
// 0: normal
// 1: label strip
// 2: label box
// 3: image strip
// 4: image box
mode: 0,
mSize: 0.1,
mPosX: 0.5,
mPosY: 0.5,
label: 'no label',
fontname: 'sans',
fontcolor: '#000',
image: null
}
Github 网址:https://github.com/lrsjng/jquery-qrcode
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!