二维码生成器二维码生成插件开发qrious源码
初心-杨瑞超个人博客诚邀您加入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 | 二维码的尺寸,单位像素。 |
文章到此结束,希望对你的学习有帮助!
二维码生成器二维码生成插件开发qrious源码相关推荐
- 一个炫酷的二维码生成项目附源码
前阵子打算换一个炫酷的公众号二维码,无奈市面上很多的二维码修改器都不尽人意. 草料二维码也挺炫酷的,但是也没有满意的效果. 于是又去万能的github逛了一下,终于找到了一款开源的二维码修改器. 这个 ...
- 二维码生成[易语言源码]
点击阅读原文 通过调用QRCodeWin32.dll库来实现二维码的编码,点阵建议0.1 二维码用来和app交互很不错. 链接: http://pan.baidu.com/s/1jHADGpC 密码: ...
- 二维码生成插件qrious(纯JS)
二维码生成插件qrious(纯JS) 二维码又称QR Code,QR全称Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的Bar Code条形码能存更多的信息,也能 ...
- Android:实际运用Zxing集成二维码扫描 及 自定义扫码界面(demo源码)
二维码扫描,各大主流App必不可少的功能,而且google已将轮子替我们造好,直接拿来使用即可.以下是教学如何将Zxing开源库集成到自己项目中,并且自定义扫码界面,后期可根据自己的业务需求进行修改, ...
- 码支付源码 无授权—个人免签约支付系统二维码收款即时到账源码
标题码支付源码 无授权-个人免签约支付系统二维码收款即时到账源码 绝非网络上面缺斤少两那种垃圾源码 云端已本地化,ck协议本地化,完全脱离云端控制,不受云端控制, 修复监控了不在线BUG 搭建教程 1 ...
- 基于java项目ssm二手书交易平台设计与实现(论文+程序设计源码+数据库文件)
1 绪论 4 1.1 项目开发背景 4 1.2 项目开发意义 5 1.3 项目主要的内容 5 2 相关技术介绍及系统环境开发条件 6 2.1相关技术介绍 6 2.2系统环境开发条件 7 3 系统的需求 ...
- 网狐二次开发仿爱玩棋牌三网通源码全套安装源码下载
网狐二次开发仿爱玩棋牌三网通源码全套安装源码安装过程: 0. 环境 OS:Windows 10,64 bit: 显卡:NVIDIA GeForce GTX 1050Ti,显卡查看方法:计算机[设备管理 ...
- 【Android 插件化】Hook 插件化框架 ( 从 Hook 应用角度分析 Activity 启动流程 二 | AMS 进程相关源码 | 主进程相关源码 )
Android 插件化系列文章目录 [Android 插件化]插件化简介 ( 组件化与插件化 ) [Android 插件化]插件化原理 ( JVM 内存数据 | 类加载流程 ) [Android 插件 ...
- 二开微信表情包小程序魔改版源码
简介: 二开微信表情包小程序魔改版源码内附图文安装教程 源码包括俩个版本,一个之前发过黄色版本,一个是二开魔改版. 安装搭建就不说了,源码内打包好了 网盘下载地址: http://kekewl.cc/ ...
最新文章
- iOS 项目中用到的一些开源库和第三方组件
- [分享]写出健壮的Bash脚本
- Matlab 绘制三维立体图(以地质异常体为例)
- 杭电2032杨辉三角
- 【WC2018】即时战略
- node js的模块化的分类
- quartzjob传递传输_Quartz教程三:Job与JobDetail介绍
- P5934-[清华集训2012]最小生成树【最小割】
- vue中如何调取api_vue-router在history模式下如何调用api?
- jpa 查询编写sql_学习编写基本SQL查询
- 删库跑路事件发生,SaaS 云服务如何守护数据安全?
- 分享bootstrap3.0.2响应式模板-第三弹[Metronic_Admin]
- 第3节:vue-router如何参数传递
- linux下升级php5.4到php5.6
- java包名命名规则_告别编码5分钟,命名2小时!史上最全的Java命名规范参考!
- 转CentOS — MySQL备份 Shell 脚本
- Elastic ik插件配置热更新功能
- StretchDIBits函数显示图片
- 2014最新苹果开发者账号注册流程图解分享
- 电脑是否入侵,是否留有后门