二维码图片生成器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学习笔记6 prototype的提出
Jan 11 Javascript
javascript实现上传图片并预览的效果实现代码
Apr 11 Javascript
使用jquery实现select添加实现后台权限添加的效果
May 28 Javascript
jQuery 中使用JSON的实现代码
Dec 01 Javascript
angularjs中的e2e测试实例
Dec 06 Javascript
Java遍历集合方法分析(实现原理、算法性能、适用场合)
Apr 25 Javascript
AngularJS 基础ng-class-even指令用法
Aug 01 Javascript
实现JavaScript高性能的数据存储
Dec 11 Javascript
解决Vue编译时写在style中的路径问题
Sep 21 Javascript
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
Oct 21 Javascript
Postman无法正常返回结果问题解决
Aug 28 Javascript
Vue中避免滥用this去读取data中数据
Mar 02 Vue.js
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 遍历XP文件夹下所有文件
2008/11/27 PHP
PHP Session变量不能传送到下一页的解决方法
2009/11/27 PHP
PHP英文字母大小写转换函数小结
2014/05/03 PHP
推荐25款php中非常有用的类库
2014/09/29 PHP
PHP计算日期相差天数实例分析
2016/02/23 PHP
详解在YII2框架中使用UEditor编辑器发布文章
2018/11/02 PHP
Jquery之美中不足小结
2011/02/16 Javascript
Jquery实现鼠标移上弹出提示框、移出消失思路及代码
2013/05/19 Javascript
ie浏览器使用js导出网页到excel并打印
2014/03/11 Javascript
Javascript实现单张图片浏览
2014/12/18 Javascript
Nodejs为什么选择javascript为载体语言
2015/01/13 NodeJs
jquery实现右键菜单插件
2015/03/29 Javascript
javascript超过容器后显示省略号效果的方法(兼容一行或者多行)
2016/07/14 Javascript
AngularJS基础 ng-mouseenter 指令示例代码
2016/08/02 Javascript
微信小程序中顶部导航栏的实现代码
2017/03/30 Javascript
小程序登录/注册页面设计的实现代码
2019/05/24 Javascript
vue渲染方式render和template的区别
2020/06/05 Javascript
Python实现获取命令行输出结果的方法
2017/06/10 Python
Python中join函数简单代码示例
2018/01/09 Python
pyqt5自定义信号实例解析
2018/01/31 Python
python验证码识别实例代码
2018/02/03 Python
python检测空间储存剩余大小和指定文件夹内存占用的实例
2018/06/11 Python
对TensorFlow的assign赋值用法详解
2018/07/30 Python
python实现简单名片管理系统
2018/11/30 Python
75条笑死人的知乎神回复,用60行代码就爬完了
2019/05/06 Python
Python logging模块写入中文出现乱码
2020/05/21 Python
Python计算信息熵实例
2020/06/18 Python
python中pyplot基础图标函数整理
2020/11/10 Python
Python字符串的15个基本操作(小结)
2021/02/03 Python
李宁官方网店:中国运动品牌
2017/11/02 全球购物
Skyscanner英国:苏格兰的全球三大领先航班搜索服务之一
2017/11/09 全球购物
Simons官方网站:加拿大时尚零售商
2020/02/20 全球购物
C/C++ 笔试、面试题目大汇总
2015/11/21 面试题
奉献家乡演讲稿
2014/09/16 职场文书
2015年党员公开承诺事项
2015/04/27 职场文书
《坐井观天》教学反思
2016/02/18 职场文书