码迷,mamicode.com
首页 > 其他好文 > 详细

二维码生成插件qrious

时间:2020-05-26 00:54:45      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:span   https   canvas   aci   add   ring   rip   级别   str   

1、qrious简介

  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

""

需要编码为二维码的值

2、生产二维码得演示

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

 

二维码生成插件qrious

标签:span   https   canvas   aci   add   ring   rip   级别   str   

原文地址:https://www.cnblogs.com/709539062rao/p/12962044.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!