二维码生成小插件代码(纯js)

最新推荐文章于 2024-07-23 13:58:41 发布

奋力奔跑的蜗牛

最新推荐文章于 2024-07-23 13:58:41 发布

阅读量2.2k

点赞数

分类专栏： java 文章标签：二维码二维码生成插件二维码插件

本文链接：https://blog.csdn.net/zxd8080666/article/details/81159532

版权

java 专栏收录该内容

7 篇文章 1 订阅

订阅专栏

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	""	需要编码为二维码的值

下面的代码即可生成一张二维码

<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'),
	   //background:'green',//二维码的背景颜色
	   //foreground:'red',//二维码的前景颜色。
	   size:250,//二维码尺寸大小 	   
	   level:'H',//二维码的误差校正级别(L, M, Q, H)。
	   value:'https://blog.csdn.net/zxd8080666'//需要编码为二维码的值
	});
</script>
</body>
</html>

运行效果：

Demo下载地址：https://download.csdn.net/download/zxd8080666/10557507

奋力奔跑的蜗牛

关注

0
点赞
踩
4

收藏

觉得还不错? 一键收藏
5
评论
二维码生成小插件代码(纯js)

qrious是一款基于HTML5 Canvas的纯JS二维码生成插件。通过qrious.js可以快速生成各种二维码，你可以控制二维码的尺寸颜色，还可以将生成的二维码进行Base64编码。qrious.js二维码插件的可用配置参数如下：参数类型默认值描述 background ...
复制链接

扫一扫

专栏目录