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

""

需要编码为二维码的值

二维码生成案例:

<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.baidu.cn'});</script></body>
</html>

Qrious生成图片二维码相关推荐

  1. php 生成图片二维码

    php生成图片二维码有很多方法,下面介绍一下我写的栗子: /*** 二维码*/public function qrcode($data) {$level = 'L'; // 纠错级别:L.M.Q.H$ ...

  2. SpringBoot使用hutool生成图片二维码

    在很多网站尤其是登录的时候,我们经常可以看到需要我们输入图片二维码,那图片二维码是如何生成的呢?点击图片我们是如何刷新二维码的呢?话不多说,直接开干 一.首先理解浏览器/服务器之间的通讯流程 二.导入 ...

  3. Hutool生成图片二维码 输出到前端

    文档地址 https://hutool.cn/docs/#/extra/%E4%BA%8C%E7%BB%B4%E7%A0%81%E5%B7%A5%E5%85%B7-QrCodeUtil pom引入 h ...

  4. java生成图片二维码

    import java.awt.Color; import java.awt.Graphics2D; import java.awt.Image; import java.awt.image.Buff ...

  5. Python37生成图片二维码报错:OSError: cannot write mode RGBA as JPEG

    代码如下: # 先导入模块 from MyQR import myqrmyqr.run(words='https://www.baidu.com',# 扫描二维码后,显示的内容,或是跳转的链接vers ...

  6. react 生成图片二维码_21个React开发神器

    来源 | https://www.jianshu.com/p/febbd8d3cdd4 下列工具中的重要性与排序无关. 1.Webpack Bundle Analyzer 有没有想过你的应用程序的哪些 ...

  7. qrious二维码生成插件

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

  8. PHP批量生成底部带编号二维码(二维码生成+文字生成图片+图片拼接合并)

    PHP批量生成带底部编号二维码(二维码生成+文字生成图片+图片拼接合并) 需求: 输入编号如 : cb05-0000001  至 cb05-0000500 批量生成 以编号为名称的下图二维码,然后压缩 ...

  9. 二维码生成插件qrious

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

最新文章

  1. 云端卫士架构师讲DDoS攻击的智能防御之道
  2. python:函数可以返回值--编写脚本计算24 + 34 / 100 - 1023
  3. Dinic最大流 || Luogu P3376 【模板】网络最大流
  4. 怎么修改antd mobile中picker样式_修改 iPhone 双信号方法,超级好玩
  5. 【渝粤教育】国家开放大学2018年春季 7140-22T危急重症护理学(本) 参考试题
  6. SQL必知必会-过滤数据
  7. mysql交叉组合查询,MySQL数据透视/交叉表查询
  8. java.lang.integer_java 中 关于java.lang.ArrayStoreException: java.lang.Integer异常,是什么原因?...
  9. 使用listen()和accept()函数
  10. 入侵他人电脑四个步骤_增长的七个步骤利用数据入侵您的业务
  11. 笔记本计算机无法开机,笔记本电脑无法开机黑屏?故障分析大全,及时解决办法...
  12. 基于51单片机的电烤箱微波炉数码管显示proteus仿真
  13. android native 代码内存泄露 定位方案
  14. 批量导出数据库中的表
  15. 解决VirtualBox CentOS8无法调整分辨率的问题
  16. IEEE论文公式快捷获取
  17. 03 计算机网络-网络层和数据链路层专题
  18. if语句的写法之普通,文艺,2B青年写法
  19. 微信为什么不支持android4,解决android4.4.4手机不能正常调起微信支付问题
  20. vb.net、vb播放声音 wince下播放声音文件(wav)

热门文章

  1. cmd下提示“不是内部或外部命令,也不是可运行的程序或批处理文件
  2. 奎因莫克拉斯基方法_超越源代码奎因和自我复制
  3. Daily English - go for it.
  4. Uniapp苹果登录
  5. 大型门户网站的十四大技术
  6. 近3万个斗图头像图片大全ACCESS\EXCEL
  7. 游戏音效设计师的限制
  8. 如何重新设置苹果id密码_ios游戏apple账号分享韩国苹果id密码大全
  9. mac上卸载Anyconnect后 重新安装失败
  10. Cisco anyconnect 连接成功浏览器无法访问任何网页