二维码生成插件qrious(纯JS)
二维码生成插件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>
二维码生成插件qrious(纯JS)相关推荐
- jquery二维码生成插件jquery.qrcode.js在线生成二维码
一代巨匠金庸先生驾鹤西去,谢谢您的作品,陪我度过儿时的时光 –2018.10.31 一.场景再现 由于业务需求,经常会将访问链接分享给别人,方便其他客户访问我们的业务.在本周的需求中,我们需要根据地址 ...
- 二维码生成插件qrious
**qrious是一款基于HTML5 Canvas的纯JS二维码生成插件.通过qrious.js可以快速生成各种二维码,你 可以控制二维码的尺寸颜色,还可以将生成的二维码进行Base64编码. 官网地 ...
- jquery二维码生成插件jquery.qrcode.js,生成二维码并下载
下载插件: 在GitHub上,下载qrcode二维码插件: https://github.com/jeromeetienne/jquery-qrcode Vue项目可直接通过node.js安装:npm ...
- 修改二维码生成插件jquery.qrcode.js支持加入自定义LOGO
1,将jquery.qrcode.min.js和jquery添加到您的网页中 <script src="jquery.min.js"></script> & ...
- jquery二维码生成插件jquery.qrcode.js
2019独角兽企业重金招聘Python工程师标准>>> http://www.jq22.com/jquery-info294 转载于:https://my.oschina.net/a ...
- qrious二维码生成插件
二维码 什么是二维码 二维码又称QR Code,QR全称Quick Response,是一个近几年来移动设备上超流行的一种编码方式,它比传统的Bar Code条形码能存更多的信息,也能表示更多的数据类 ...
- 二维码生成器二维码生成插件开发qrious源码
初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828 现在的互联网时代,二维码处处可见,这次我们研究下二维码生成 ...
- JS二维码生成插件,一键生成二维码
jquery.qrcode是个依赖jquery的二维码生成插件,主要用于连接和文本的二维码生成,有两种生成格式canvas和table格式的,当然canvas不支持低版本浏览器,table有点小bug ...
- 前端vue uni-app基于uQRCode封装简单快速实用全端二维码生成插件
快速实现基于uQRCode封装简单快速实用全端二维码生成插件; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12677 效果图 ...
最新文章
- Apache设置多网站
- Java程序员从笨鸟到菜鸟之(四十四)细谈struts2(七)数据类型转换详解
- linux升级ipv6协议栈,IPv6技术及基于Linux平台IPv6协议栈的实现
- tomcat(19)Manager应用程序的servlet类
- vb简易计算机器程序,vb简易计算器源码
- ubuntu安装codeblock的方法
- SpringBoot 整合 Redis 哨兵机制_02
- java检查危险品程序_危险品检查java程序
- 大厂HR:“不会数据分析,你还想干运营?”
- iOS 开发 - 绘制辉光效果
- 【深度一键还原】我的台式机
- HTML简单登录界面的实现
- 读《Unity 5.x 游戏开发指南》
- php 虚拟ip 刷流量,浅析网站刷流量的利与弊
- 用计算机求方差的教案,《用科学计算器计算方差》教案.doc
- 中国慕课moocpython答案_中国大学慕课mooc2020用Python玩转数据题目答案
- 华硕路由搭建php网站,华硕路由器操作模式
- erase和remove
- 在线教育巨头多邻国Duolingo入华一周年,中国市场马力全开
- C语言编码图书借阅系统
热门文章
- CRTD--有关于intel芯片组和BCM4360网卡适配银河麒麟V10系统(适用于macbook)
- i.MX 6ULL 驱动开发 一:搭建开发环境
- python语言入门h_python教程,pythonh学习线路图?
- placement new理解
- 这样的C盘或许还有?救救C盘......
- NPDP知识推送-第七章产品生周期管理(4)
- [进阶]-多线程、多进程、异步IO实用例子
- 切披萨n块需要几刀原理c语言,LeetCode 1444. 切披萨的方案数(DP)
- ssh端口转发(隧道技术)
- ug建模文本怎么竖着_UG编程文字加工,全方位实例讲解,文末有作业哦!