二维码生成插件qrious(纯JS)

最新推荐文章于 2023-09-19 14:02:23 发布

QuietHRH

最新推荐文章于 2023-09-19 14:02:23 发布

阅读量1.5k

点赞数

分类专栏：项目技术文章标签： html

本文链接：https://blog.csdn.net/QuietHRH/article/details/83757392

版权

项目技术专栏收录该内容

30 篇文章 0 订阅

订阅专栏

二维码生成插件qrious(纯JS)

二维码又称QR Code，QR全称Quick Response，是一个近几年来移动设备上超流行的一种编码方式，它比传统的Bar Code条形码能存更多的信息，也能表示更多的数据类型。

信息容量大, 可以容纳多达1850个大写字母或2710个数字或500多个汉字

二维码容错级别

L级（低） 7％的码字可以被恢复。

M级（中）的码字的15％可以被恢复。

Q级（四分）的码字的25％可以被恢复。

H级（高）的码字的30％可以被恢复。

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

参数	类型	默认值	描述
background	String	“white”	二维码的背景颜色。
foreground	String	“black”	二维码的前景颜色。
level	String	“L”	二维码的误差校正级别(L, M, Q, H)。
mime	String	“image/png”	二维码输出为图片时的MIME类型。
size	Number	100	二维码的尺寸，单位像素。
value	String	“”	需要编码为二维码的值

简单使用

导入qrious.js插件
定义一个img标签
编写js函数 new QRious();

<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:'http://www.hrh.com'
            });
        </script>
    </body>
</html>

QuietHRH

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
0
评论
二维码生成插件qrious(纯JS)

二维码生成插件qrious(纯JS)二维码又称QR Code，QR全称Quick Response，是一个近几年来移动设备上超流行的一种编码方式，它比传统的Bar Code条形码能存更多的信息，也能表示更多的数据类型。信息容量大, 可以容纳多达1850个大写字母或2710个数字或500多个汉字二维码容错级别L级（低） 7％的码字可以被恢复。M级（中）的码字的15％可以被恢复。Q级（...
复制链接

扫一扫

专栏目录