Qrious二维码插件的简单使用

今天有个demo要用到二维码,以前用过Qrious生成二维码,但是很久没用忘了具体用法。今天记录到博客方便以后查阅

Qrious参数列表
参数 类型 默认值 描述
background String 'white' 二维码的背景颜色
foreground String 'black' 二维码的前景色
level String 'L' 二维码的误差级别(L,M,Q,H)
mime String 'image/png' 二维码输出为图片时的MIME类型
size Number 100 二维码的大小,单位为像素
value String '' 二维码的链接地址
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Demo</title>

    <script src="js/jQuery_v3.3.1.js"></script>
    <script src="js/qrious.min.js"></script>
</head>
<body>
<div style="text-align: center">
    <img id="twoCode" />
</div>
</body>
<script>

    $(function () {
        var qr=new QRious({
            element:document.getElementById("twoCode"),
            size:150,
            level:'H',
            value:'http://www.baidu.com'
        });

    });
</script>
</html>

最终效果:

猜你喜欢

转载自blog.csdn.net/Bb15070047748/article/details/88543483
今日推荐