二维码图片生成器QRCode.js简单介绍


Posted in Javascript onAugust 18, 2017

QRCode.js是一个实现生成二维码(QRCode)的js插件。 QRCode.js有着良好的跨浏览器兼容性(高版本使用HTML5的 Canvas,低版本IE使用table元素绘制),而且QRCode.js没有任何依赖。只需要引用一个QRCode.js。

1、引入qrcode.js

<script src="qrcode.js" type="text/javascript"></script>

2、HTML代码

<div id="qrcode"></div>

3、JS代码

//初始化QRCode对象
var qrcode = new QRCode(document.getElementById("qrcode"));
//也可以在初始化QRCode对象,传入更多参数
var qrcode = new QRCode(document.getElementById("qrcode"),{
width: 128,
height: 128,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
});
//需要生成二维码的字符串
qrcode.makeCode("http://www.leixuesong.cn");
//清除二维码
qrcode.clear();

4、浏览器兼容性

几乎支持所有浏览器: IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile.

到这里,js生成二维码插件-QRCode.js就介绍完了,QRCode.js非常的方便好用。需要注意的的是QRCode初始化传入DOM对象时,必须是js原生的DOM对象,不能是jQuery的DOM对象的,否则就会报错。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
js文件Cookie存取值示例代码
Feb 20 Javascript
jquery通过select列表选择框对表格数据进行过滤示例
May 07 Javascript
jQuery实现平滑滚动页面到指定锚点链接的方法
Jul 15 Javascript
Chrome浏览器的alert弹窗禁止再次弹出后恢复的方法
Dec 30 Javascript
bootstrap如何让dropdown menu按钮式下拉框长度一致
Apr 10 Javascript
详解Angular2响应式表单
Jun 14 Javascript
ReactNative页面跳转Navigator实现的示例代码
Aug 02 Javascript
解决vue keep-alive 数据更新的问题
Sep 21 Javascript
JS实现十分钟倒计时代码实例
Oct 18 Javascript
RxJS的入门指引和初步应用
Jun 15 Javascript
使用React代码动态生成栅格布局的方法
May 24 Javascript
Vue按时间段查询数据组件使用详解
Aug 21 Javascript
Iphone手机、安卓手机浏览器控制默认缩放大小的方法总结(附代码)
Aug 18 #Javascript
JavaScript实现移动端页面按手机屏幕分辨率自动缩放的最强代码
Aug 18 #Javascript
移动设备手势事件库Touch.js使用详解
Aug 18 #Javascript
JavaScript你不知道的一些数组方法
Aug 18 #Javascript
关于meta viewport中target-densitydpi属性详解(推荐)
Aug 18 #Javascript
自适应布局meta标签中viewport、content、width、initial-scale、minimum-scale、maximum-scale总结
Aug 18 #Javascript
JS实现页面打印(整体、局部)
Aug 18 #Javascript
You might like
laravel5.2实现区分前后台用户登录的方法
2017/01/11 PHP
js操作滚动条事件实例
2015/01/29 Javascript
JS网页在线获取鼠标坐标值的方法
2015/02/28 Javascript
深入理解JavaScript系列(34):设计模式之命令模式详解
2015/03/03 Javascript
基于jQuery实现仿淘宝套餐选择插件
2015/03/04 Javascript
最全的Javascript编码规范(推荐)
2016/06/22 Javascript
canvas实现钟表效果
2017/02/13 Javascript
node.js使用yargs处理命令行参数操作示例
2020/02/11 Javascript
Vuex实现购物车小功能
2020/08/17 Javascript
python通过socket查询whois的方法
2015/07/18 Python
用Python的Django框架来制作一个RSS阅读器
2015/07/22 Python
python对DICOM图像的读取方法详解
2017/07/17 Python
pandas中Timestamp类用法详解
2017/12/11 Python
Python中Threading用法详解
2017/12/27 Python
python获取网页中所有图片并筛选指定分辨率的方法
2018/03/31 Python
Python装饰器简单用法实例小结
2018/12/03 Python
Python函数返回不定数量的值方法
2019/01/22 Python
python对矩阵进行转置的2种处理方法
2019/07/17 Python
python基础 range的用法解析
2019/08/23 Python
python中struct模块之字节型数据的处理方法
2019/08/27 Python
Python 通过截图匹配原图中的位置(opencv)实例
2019/08/27 Python
Python Gluon参数和模块命名操作教程
2019/12/18 Python
利用pytorch实现对CIFAR-10数据集的分类
2020/01/14 Python
基于Python fminunc 的替代方法
2020/02/29 Python
Python实现Word表格转成Excel表格的示例代码
2020/04/16 Python
python dir函数快速掌握用法技巧
2020/12/09 Python
德国鞋子网上商店:Omoda.de
2017/03/31 全球购物
Foot Locker意大利官网:全球领先的运动鞋和服装零售商
2017/05/30 全球购物
非功能性需求都包括哪些方面
2013/10/29 面试题
大三学生入党思想汇报
2014/01/02 职场文书
自荐信如何制作?
2014/02/21 职场文书
广播节目策划方案
2014/05/23 职场文书
语文教研活动总结
2014/07/02 职场文书
婚宴邀请函
2015/01/30 职场文书
自主招生自荐信怎么写
2015/03/24 职场文书
Python 机器学习工具包SKlearn的安装与使用
2021/05/14 Python