生成二维码工具qrious

最新推荐文章于 2024-03-15 09:30:17 发布

原创最新推荐文章于 2024-03-15 09:30:17 发布 · 550 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

JavaScript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一款基于HTML5 Canvas的纯JS二维码生成插件qrious。该插件允许用户生成可自定义尺寸和颜色的二维码，并支持Base64编码。文章还提供了如何使用npm安装及在网页中应用qrious的具体步骤。

1.Qrious

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

2.可配置的参数

在这里插入图片描述

3.下载

安装npm，使用命名npm install --save qrious，在文件夹下会生成一下目录
在这里插入图片描述
将其中的qrious.min.js挪到页面同级，编写以下代码

<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://blog.youkuaiyun.com/deltao_taic/article/details/81569842'
         });
</script>
</body>
</html>