二维码生成插件qrious

Posted 709539062rao

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了二维码生成插件qrious相关的知识,希望对你有一定的参考价值。

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的主要内容,如果未能解决你的问题,请参考以下文章

二维码生成插件qrious

微信扫码支付与生成二维码

微信支付

04 生成二维码支付以及询单

IDEA 代码生成插件 CodeMaker

在angular中结合使用jquery的生成二维码插件