二维码生成插件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)相关推荐

  1. jquery二维码生成插件jquery.qrcode.js在线生成二维码

    一代巨匠金庸先生驾鹤西去,谢谢您的作品,陪我度过儿时的时光 –2018.10.31 一.场景再现 由于业务需求,经常会将访问链接分享给别人,方便其他客户访问我们的业务.在本周的需求中,我们需要根据地址 ...

  2. 二维码生成插件qrious

    **qrious是一款基于HTML5 Canvas的纯JS二维码生成插件.通过qrious.js可以快速生成各种二维码,你 可以控制二维码的尺寸颜色,还可以将生成的二维码进行Base64编码. 官网地 ...

  3. jquery二维码生成插件jquery.qrcode.js,生成二维码并下载

    下载插件: 在GitHub上,下载qrcode二维码插件: https://github.com/jeromeetienne/jquery-qrcode Vue项目可直接通过node.js安装:npm ...

  4. 修改二维码生成插件jquery.qrcode.js支持加入自定义LOGO

    1,将jquery.qrcode.min.js和jquery添加到您的网页中 <script src="jquery.min.js"></script> & ...

  5. jquery二维码生成插件jquery.qrcode.js

    2019独角兽企业重金招聘Python工程师标准>>> http://www.jq22.com/jquery-info294 转载于:https://my.oschina.net/a ...

  6. qrious二维码生成插件

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

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

    初心-杨瑞超个人博客诚邀您加入qq群(IT-程序猿-技术交流群): 757345416丨(IT-程序猿-技术交流2群): 936929828 现在的互联网时代,二维码处处可见,这次我们研究下二维码生成 ...

  8. JS二维码生成插件,一键生成二维码

    jquery.qrcode是个依赖jquery的二维码生成插件,主要用于连接和文本的二维码生成,有两种生成格式canvas和table格式的,当然canvas不支持低版本浏览器,table有点小bug ...

  9. 前端vue uni-app基于uQRCode封装简单快速实用全端二维码生成插件

    快速实现基于uQRCode封装简单快速实用全端二维码生成插件; 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=12677 效果图 ...

最新文章

  1. Apache设置多网站
  2. Java程序员从笨鸟到菜鸟之(四十四)细谈struts2(七)数据类型转换详解
  3. linux升级ipv6协议栈,IPv6技术及基于Linux平台IPv6协议栈的实现
  4. tomcat(19)Manager应用程序的servlet类
  5. vb简易计算机器程序,vb简易计算器源码
  6. ubuntu安装codeblock的方法
  7. SpringBoot 整合 Redis 哨兵机制_02
  8. java检查危险品程序_危险品检查java程序
  9. 大厂HR:“不会数据分析,你还想干运营?”
  10. iOS 开发 - 绘制辉光效果
  11. 【深度一键还原】我的台式机
  12. HTML简单登录界面的实现
  13. 读《Unity 5.x 游戏开发指南》
  14. php 虚拟ip 刷流量,浅析网站刷流量的利与弊
  15. 用计算机求方差的教案,《用科学计算器计算方差》教案.doc
  16. 中国慕课moocpython答案_中国大学慕课mooc2020用Python玩转数据题目答案
  17. 华硕路由搭建php网站,华硕路由器操作模式
  18. erase和remove
  19. 在线教育巨头多邻国Duolingo入华一周年,中国市场马力全开
  20. C语言编码图书借阅系统

热门文章

  1. CRTD--有关于intel芯片组和BCM4360网卡适配银河麒麟V10系统(适用于macbook)
  2. i.MX 6ULL 驱动开发 一:搭建开发环境
  3. python语言入门h_python教程,pythonh学习线路图?
  4. placement new理解
  5. 这样的C盘或许还有?救救C盘......
  6. NPDP知识推送-第七章产品生周期管理(4)
  7. [进阶]-多线程、多进程、异步IO实用例子
  8. 切披萨n块需要几刀原理c语言,LeetCode 1444. 切披萨的方案数(DP)
  9. ssh端口转发(隧道技术)
  10. ug建模文本怎么竖着_UG编程文字加工,全方位实例讲解,文末有作业哦!