二维码图片生成器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 相关文章推荐
javascript 写类方式之四
Jul 05 Javascript
jquery关于页面焦点的定位(文本框获取焦点时改变样式 )
Sep 10 Javascript
当自定义数据属性为json格式字符串时jQuery的data api问题探讨
Feb 18 Javascript
一款简单的jQuery图片标注效果附源码下载
Mar 22 Javascript
纯js代码制作的网页时钟特效【附实例】
Mar 30 Javascript
深入浅出 jQuery中的事件机制
Aug 23 Javascript
angularjs2中父子组件的数据传递的实例代码
Jul 05 Javascript
Easyui Datagrid自定义按钮列(最后面的操作列)
Jul 13 Javascript
详解vue mixins和extends的巧妙用法
Dec 20 Javascript
详解Vue项目在其他电脑npm run dev运行报错的解决方法
Oct 29 Javascript
微信小程序基于picker实现级联菜单
Feb 15 Javascript
详解jenkins自动化部署vue
May 14 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
php面向对象全攻略 (十) final static const关键字的使用
2009/09/30 PHP
php实现的获取网站备案信息查询代码(360)
2013/09/23 PHP
thinkphp控制器调度使用示例
2014/02/24 PHP
php提示Warning:mysql_fetch_array() expects的解决方法
2014/12/16 PHP
php提交post数组参数实例分析
2015/12/17 PHP
yii2项目实战之restful api授权验证详解
2017/05/20 PHP
javascript中length属性的探索
2011/07/31 Javascript
jQuery中:disabled选择器用法实例
2015/01/04 Javascript
jQuery插件jFade实现鼠标经过的图片高亮其它变暗
2015/03/14 Javascript
使用node+vue.js实现SPA应用
2016/01/28 Javascript
jQuery遍历json的方法分析
2016/04/16 Javascript
玩转JavaScript OOP - 类的实现详解
2016/06/08 Javascript
JS实现图片点击后出现模态框效果
2017/05/03 Javascript
js 发布订阅模式的实例讲解
2017/09/10 Javascript
详解给Vue2路由导航钩子和axios拦截器做个封装
2018/04/10 Javascript
JQuery中queue方法用法示例
2019/01/31 jQuery
微信小程序使用npm包的方法步骤
2019/08/13 Javascript
vue路由守卫,限制前端页面访问权限的例子
2019/11/11 Javascript
vue 内联样式style中的background用法说明
2020/08/05 Javascript
浅谈Vue static 静态资源路径 和 style问题
2020/11/07 Javascript
Python的“二维”字典 (two-dimension dictionary)定义与实现方法
2016/04/27 Python
Python编写电话薄实现增删改查功能
2016/05/07 Python
pandas把dataframe转成Series,改变列中值的类型方法
2018/04/10 Python
python实现决策树ID3算法的示例代码
2018/05/30 Python
Anaconda 离线安装 python 包的操作方法
2018/06/11 Python
Python 使用PIL中的resize进行缩放的实例讲解
2018/08/03 Python
美国领先的家居装饰和礼品商店:Kirkland’s
2017/01/30 全球购物
Gweniss格温妮丝女包官网:英国纯手工制造潮流包包品牌
2018/02/07 全球购物
面试自我介绍演讲稿
2014/04/29 职场文书
环境整治工作方案
2014/05/18 职场文书
考生诚信考试承诺书
2014/05/23 职场文书
2015年司机工作总结
2015/04/23 职场文书
培训学校2015年度工作总结
2015/07/20 职场文书
PyQt5 QThread倒计时功能的实现代码
2021/04/02 Python
python多线程方法详解
2022/01/18 Python
JavaScript中10个Reduce常用场景技巧
2022/06/21 Javascript