二维码图片生成器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 方法实现返回多个数据的代码
Apr 30 Javascript
JavaScript中各种编码解码函数的区别和注意事项
Aug 19 Javascript
基于JQuery的访问WebService的代码(可访问Java[Xfire])
Nov 19 Javascript
DOM_window对象属性之--clipboardData对象操作代码
Feb 03 Javascript
js将控件隐藏及display属性的使用介绍
Dec 30 Javascript
Firefox下无法正常显示年份的解决方法
Sep 04 Javascript
原生javascript+css3编写的3D魔方动画旋扭特效
Mar 14 Javascript
Angualrjs和bootstrap相结合实现数据表格table
Mar 30 Javascript
Angular2搜索和重置按钮过场动画
May 24 Javascript
vuex state及mapState的基础用法详解
Apr 19 Javascript
Vue从TodoList中学父子组件通信
Feb 05 Javascript
微信小程序bindinput与bindsubmit的区别实例分析
Apr 17 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
在win7中搭建Linux+PHP 开发环境
2014/10/08 PHP
通过chrome浏览器控制台(Console)进行PHP Debug的方法
2016/10/19 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
PHP预定义接口――Iterator用法示例
2020/06/05 PHP
PHP7 新增功能
2021/03/09 PHP
JavaScript 原型学习总结
2010/10/29 Javascript
JS动态增加删除UL节点LI及相关内容示例
2014/05/21 Javascript
html文档中的location对象属性理解及常见的用法
2014/08/13 Javascript
javascript实现行拖动的方法
2015/05/27 Javascript
基于JavaScript怎么实现让歌词滚动播放
2015/11/03 Javascript
基于jquery实现全屏滚动效果
2015/11/26 Javascript
node网页分段渲染详解
2016/09/05 Javascript
微信小程序 wx.request(接口调用方式)详解及实例
2016/11/23 Javascript
json数据处理及数据绑定
2017/01/25 Javascript
原生js开发的日历插件
2017/02/04 Javascript
微信小程序 动态的设置图片的高度和宽度详解及实例代码
2017/02/24 Javascript
JS获取字符对应的ASCII码实例
2017/09/10 Javascript
MUI顶部选项卡的用法(tab-top-webview-main)详解
2017/10/08 Javascript
axios中cookie跨域及相关配置示例详解
2017/12/20 Javascript
微信小程序实现手势滑动效果
2019/08/26 Javascript
JS如何定义用字符串拼接的变量
2020/07/11 Javascript
JavaScript经典案例之简易计算器
2020/08/24 Javascript
[27:08]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第二场 11.21
2020/11/23 DOTA
Python 循环终止语句的三种方法小结
2019/06/24 Python
python实现快递价格查询系统
2020/03/03 Python
基于Python共轭梯度法与最速下降法之间的对比
2020/04/02 Python
用CSS3写的模仿iPhone中的返回按钮
2015/04/04 HTML / CSS
HTML5标签小集
2011/08/02 HTML / CSS
KLOOK客路:发现更好玩的世界,预订独一无二的旅行体验
2016/12/16 全球购物
JD Sports德国官网:英国领先的运动鞋和运动服饰零售商
2018/02/26 全球购物
HomeAway的巴西品牌:Alugue Temporada
2018/04/10 全球购物
党员岗位承诺书
2014/03/25 职场文书
业务员自荐信范文
2014/04/20 职场文书
高中学生会竞选演讲稿
2014/08/25 职场文书
旅游活动总结
2014/08/27 职场文书
2016年心理学教育培训学习心得体会
2016/01/12 职场文书