二维码生成插件

二维码生成插件
2018-07-22 21:57:15
二维码生成插件二维码生成插件二维码生成插件二维码生成插件二维码生成插件点开就可以用
收起
JQuery二维码生成插件
2018-08-07 17:14:36
JQuery二维码生成插件,JQuery二维码生成插件,JQuery二维码生成插件
收起
纯js二维码生成插件
2019-12-11 19:57:42
qrjs2.js是一款仿纯js二维码生成插件。该二维码生成插件能生成4种类型的二维码：SVG格式的二维码，data URI为SVG的图像，data URI为PNG的图像，和表格形式的二维码。
收起
jQuery库
易优二维码生成插件.zip
2021-02-25 16:56:01
易优二维码生成插件
收起
Jquery 二维码生成插件 美化版
2018-02-03 10:07:48
Jquery 二维码生成插件 美化版Jquery 二维码生成插件 美化版
收起
PHP二维码生成插件
2019-01-22 14:01:05
二维码生成插件,含有示例,用户可以根据示例自己编写生成逻辑,可配置生成的精度等信息
收起
jquery二维码生成插件_二维码生成器
2013-07-07 16:59:00
jquery二维码生成插件_二维码生成器下载地址：jquery生成二维码.rar
```
jquery二维码生成插件_二维码生成器
 
下载地址：jquery生成二维码.rar
```
收起
展开全文
PHP海报二维码生成插件小程序海报
2021-01-19 16:48:16
PHP海报二维码生成插件小程序海报
收起
基于jquery二维码生成插件qrcode
2020-10-20 17:05:54
主要为大家详细介绍了基于jquery二维码生成插件qrcode的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
收起
jQuery网页二维码生成插件.zip
2019-07-04 22:13:07
jQuery网页二维码生成插件是一款基于qrcode.js二维码插件制作的，支持中文以及LOGO的添加。
收起

二维码生成器&二维码生成插件开发qrious源码

千次阅读 2019-02-19 10:59:57

现在的互联网时代，二维码处处可见，这次我们研究下二维码生成插件qrious 二维码百科：二维码又称二维条码，常见的二维码为QR Code，QR全称Quick Response，是一个近几年来移动设备上超流行的一种编码方式，它比...

初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828

现在的互联网时代，二维码处处可见，这次我们研究下二维码生成插件qrious

二维码百科：

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

二维条码/二维码（2-dimensional bar code）是用某种特定的几何图形按一定规律在平面（二维方向上）分布的黑白相间的图形记录数据符号信息的；在代码编制上巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念，使用若干个与二进制相对应的几何形体来表示文字数值信息，通过图象输入设备或光电扫描设备自动识读以实现信息自动处理：它具有条码技术的一些共性：每种码制有其特定的字符集；每个字符占有一定的宽度；具有一定的校验功能等。同时还具有对不同行的信息自动识别功能、及处理图形旋转变化点。

使用qrious：

1、引入

注：可进入BootCDN选择任意版本即可

<script src="https://cdn.bootcss.com/qrious/4.0.2/qrious.min.js"></script>

2、源码

<html>

<head>
    <title>qrious二维码生成插件demo(www.chao99.top)</title>
</head>

<body>
    <img id="qrious">
    <script src="https://cdn.bootcss.com/qrious/4.0.2/qrious.min.js"></script>
    <script>
        const qr = new QRious({
            element: document.getElementById('qrious'),
            size: 266,
            level: 'H',
            value: 'http://www.chao99.top'
        });
    </script>
</body>

</html>

3、效果

在这里插入图片描述

4、二维码优势：

1、信息容量大, 可以容纳多达1850个大写字母或2710个数字或500多个汉字
2、应用范围广, 支持文字,声音,图片,指纹等等…
3、容错能力强, 即使图片出现部分破损也能使用
4、成本低, 容易制作
5、易用

5、二维码容错级别：

L级（低） 7％的码字可以被恢复
M级（中）的码字的15％可以被恢复
Q级（四分）的码字的25％可以被恢复
H级（高）的码字的30％可以被恢复

6、qrious配置参数：

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	二维码的尺寸，单位像素。

文章到此结束，希望对你的学习有帮助！

收起

展开全文

ZXingQR二维码生成插件以及代码.zip
2020-12-04 14:58:31
二维码生成插件以及相关代码,可以生成任何尺寸的二维码,传统的只能生成256*256的尺寸,有生成任意颜色的代码,以及中间带小图标的二维码案列
收起
基于canvas的纯JS二维码生成插件
2019-12-12 20:32:05
qrious是一款基于HTML5 Canvas的纯JS二维码生成插件。通过qrious.js可以快速生成各种二维码，你可以控制二维码的尺寸颜色，还可以将生成的二维码进行Base64编码。
收起
HTML5库
qrjs2js是一款仿纯js二维码生成插件
2019-08-10 14:00:24
qrjs2.js是一款仿纯js二维码生成插件。该二维码生成插件能生成4种类型的二维码：SVG格式的二维码，data URI为SVG的图像，data URI为PNG的图像，和表格形式的二维码。
收起
jQuery基于qrcode.js网页二维码生成插件
2020-06-10 03:52:18
一款简单实用的jQuery基于qrcode.js网页二维码生成插件，支持中文以及LOGO图片的添加。
收起
jquery特效

JS二维码生成插件，一键生成二维码

2019-09-18 05:35:21

jquery.qrcode是个依赖jquery的二维码生成插件，主要用于连接和文本的二维码生成，有两种生成格式canvas和table格式的，当然canvas不支持低版本浏览器，table有点小bug，但是没啥大问题。建议使用在移动端上。这儿...

jquery.qrcode是个依赖jquery的二维码生成插件，主要用于连接和文本的二维码生成，有两种生成格式canvas和table格式的，当然canvas不支持低版本浏览器，table有点小bug，但是没啥大问题。建议使用在移动端上。
这儿插件可以扩展开发，本来也是MIT协议的东西，后期我有可能会加点其他的功能，目前考虑的是加logo了，其他的再说。
这个js插件可以点击生成，列表生成都是可以的，写的方法跟JQ是一样的，不懂得可以留言。
【github地址：https://github.com/jeromeetienne/jquery-qrcode】代码可以去github下载，可以到文章的最下面使用百度网盘，我会提供的。
这次我就简单的给大家介绍一下jquery-qrcode的使用方法。（www.gendan5.com）
<script type="text/javascript" src="jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
<div class="qrcode1"></div>
<div class="qrcode2"></div>
<div class="qrcode3"></div>
<script type="text/javascript">
$(document).ready(function () {
//一、如果是英文字符
$('.qrcode1').qrcode({
render: "canvas", //两种模式1、table  2、canvas
correctLevel: 1,//识别度
quiet:20,
width: 200,//宽度
height: 200,//高度
foreground: "#333",//纹路色
background: "#eee",//背景色
text: "http://cenggel.com",//文字
});
    //二、链接带中文的时候需要使用encodeURI进行转码才可以
    $('.qrcode2').qrcode({
        render: "canvas", //两种模式1、table  2、canvas
        correctLevel: 1,//识别度
        width: 200,//宽度
        height: 200,//高度
        foreground: "#333",//纹路色
        background: "#eee",//背景色
        text: (encodeURI("http://cenggel.com/tag/chrome插件"))//文字
    });
    //三、文字中包含中文+英文字符的时候
    var str = "CGLweb前端 cenggel.com";
    var out, i, len, c;
    out = "";
    len = str.length;
    for(i = 0; i < len; i++) {
        c = str.charCodeAt(i);
        if ((c >= 0x0001) && (c <= 0x007F)) {
            out += str.charAt(i);
        } else if (c > 0x07FF) {
            out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
            out += String.fromCharCode(0x80 | ((c >>  6) & 0x3F));
            out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
        } else {
            out += String.fromCharCode(0xC0 | ((c >>  6) & 0x1F));
            out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));
        }
    }
    //转换代码来自于网络，出处实在是不好说，如果知道出处请提供一下链接，谢谢
    $('.qrcode3').qrcode({
        render: "canvas", //两种模式1、table  2、canvas
        correctLevel: 3,//识别度
        width: 200,//宽度
        height: 200,//高度
        foreground: "#333",//纹路色
        background: "#eee",//背景色
        text:out   //文字
    });
});
</script>
<style type="text/css">
body{ width:1200px; margin:0 auto;}
div{ margin:100px; width:200px; float:left;}
</style>

收起

展开全文