二维码图片生成器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 相关文章推荐
Bootstrap每天必学之基础排版
Nov 20 Javascript
谈谈我对JavaScript DOM事件的理解
Dec 18 Javascript
浅析JavaScript的几种Math函数,random(),ceil(),round(),floor()
Dec 22 Javascript
js设置文字颜色的方法示例
Dec 30 Javascript
Javascript中八种遍历方法的执行速度深度对比
Apr 25 Javascript
Popup弹出框添加数据实现方法
Oct 27 Javascript
vue.js 获取select中的value实例
Mar 01 Javascript
Node.js 使用jade模板引擎的示例
May 11 Javascript
关于JavaScript 数组你应该知道的事情(推荐)
Apr 10 Javascript
小程序根据手机机型设置自定义底部导航距离
Jun 04 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
Aug 27 Javascript
JavaScript 实现下雪特效的示例代码
Sep 09 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_screw 1.5:php加密: 安装与使用详解
2013/06/20 PHP
PHP数据过滤的方法
2013/10/30 PHP
Session的工作机制详解和安全性问题(PHP实例讲解)
2014/04/10 PHP
关于laravel 日志写入失败问题汇总
2019/10/17 PHP
Firefox div高度自适应
2009/04/28 Javascript
jquery 表格的增行删行实现思路
2013/03/21 Javascript
简单几行JS Code实现IE邮件转发新浪微博
2013/07/03 Javascript
javascript表格隔行变色加鼠标移入移出及点击效果的方法
2015/04/10 Javascript
jQuery实现hover合成事件的方法
2015/08/06 Javascript
AngularJS Module方法详解
2015/12/08 Javascript
jQuery实现滚动条滚动到子元素位置(方便定位)
2017/01/08 Javascript
vue动态路由实现多级嵌套面包屑的思路与方法
2017/08/16 Javascript
详解Angular4 路由设置相关
2017/08/26 Javascript
js实现会跳动的日历效果(完整实例)
2017/10/18 Javascript
基于html+css+js实现简易计算器代码实例
2020/02/28 Javascript
JQuery事件冒泡和默认行为代码实例
2020/05/13 jQuery
微信小程序使用前置摄像头拍照
2020/10/22 Javascript
[00:37]2016完美“圣”典风云人物:rOtk宣传片
2016/12/09 DOTA
python连接sql server乱码的解决方法
2013/01/28 Python
Python线程详解
2015/06/24 Python
python3实现ftp服务功能(客户端)
2017/03/24 Python
django 在原有表格添加或删除字段的实例
2018/05/27 Python
python 以16进制打印输出的方法
2018/07/09 Python
Python for i in range ()用法详解
2020/09/18 Python
使用python执行shell脚本 并动态传参 及subprocess的使用详解
2020/03/06 Python
基于Python共轭梯度法与最速下降法之间的对比
2020/04/02 Python
Python实现清理微信僵尸粉功能示例【基于itchat模块】
2020/05/29 Python
夏洛特和乔治婴儿和儿童时装精品店:Charlotte and George
2018/06/06 全球购物
UNIX文件系统分类
2014/11/11 面试题
大学生自我评价怎样写好
2013/10/23 职场文书
大学生涯自我鉴定
2014/01/16 职场文书
补充协议书范本
2014/04/23 职场文书
中国梦口号
2014/06/13 职场文书
英语复习计划
2015/01/19 职场文书
毕业生捐书活动倡议书
2015/04/27 职场文书
Django项目如何获得SSL证书与配置HTTPS
2021/04/30 Python