qrious插件生成二维码生成小demo

qrious是一款基于HTML5 Canvas的纯JS二维码生成插件。通过qrious.js可以快速生成各种二维码,你可以控制二维码的尺寸颜色,还可以将生成的二维码进行Base64编码。

qrious.js二维码插件的可用配置参数如下:

参数

类型

默认值

描述

background

String

"white"

二维码的背景颜色。

foreground

String

"black"

二维码的前景颜色。

level

String

"L"

二维码的误差校正级别(L, M, Q, H)。

mime

String

"image/png"

二维码输出为图片时的MIME类型。

size

Number

100

二维码的尺寸,单位像素。

value

String

""

需要编码为二维码的值

新建一个test.html

复制下面的代码双击运行即可生成一张二维码

<html>
<head>
<title>二维码入门小demo</title>
</head>
<body>
<img id="qrious">
<script src="qrious.min.js"></script>
<script>
 var qr = new QRious({
       element:document.getElementById('qrious'),
       size:250,        level:'H',       value:'https://www.cnblogs.com/binghuaZhang/'
    });
</script>
</body>
</html>

附:qrious.min,js插件下载地址

https://pan.baidu.com/s/1HU_W9svOBCzigx-F-mKEUw

提取码:1234

原文地址:https://www.cnblogs.com/binghuaZhang/p/14301973.html