jquery-qrcode 二维码生成
蒋乐意
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<script src="jquery-3.3.1.min.js"></script>
<script src="jquery-qrcode-0.14.0.js"></script>
</head>
<body style="background-color:rgb(238,238,238)">
<div id="container"><canvas width="400" height="400"></canvas></div>
</body>
<script>
'use strict';
var jq = window.jQuery;
function updateQrCode() {
var options = {
//渲染方法: 'canvas', 'image' or 'div'
render: 'canvas',
//错误纠正等级: 'L', 'M', 'Q' or 'H'
ecLevel: 'H',
minVersion: 1,
//二维码 颜色或图像元素 只能接受16进制的 颜色参数
fill: '#000',
//背景颜色或图像元素，NULL用于透明背景的 只能接受16进制的 颜色参数
background: '#fff',
// fill: jq('#img-buffer')[0],
// 如果在现有画布上绘制像素偏移
left: 0,
top: 0,
// 生成二维码的 URL
text: "https://www.baidu.com/",
size: 200,
//角半径相对于模块宽度：0-0.5
radius: 0.5,
//二维码显示的 内边距
quiet: 1,
// modes ：
// 0: 正常 只显示二维码
// 1: 标签条
// 2: 标签盒
// 3: 图片条
// 4: 图片盒
mode: 0,
//modes 大小 相对于 size 的百分比
mSize: 0.1,
//modes 显示位置
mPosX: 0.5,
mPosY: 0.5,
label: '',//标签内容
fontname: "sans",//字体名称
fontcolor: '#000',//字体颜色
image: null
};
jq('#container').empty().qrcode(options);
}
jq(updateQrCode);
</script>
</html>
类似资料：