二维码图片生成器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 相关文章推荐
基于Jquery的标签智能验证实现代码
Dec 27 Javascript
Js实现手机发送验证码时按钮延迟操作
Jun 20 Javascript
jQuery延迟加载图片插件Lazy Load使用指南
Mar 25 Javascript
AngularJS中的按需加载ocLazyLoad示例
Jan 11 Javascript
angular-ngSanitize模块-$sanitize服务详解
Jun 13 Javascript
Angularjs的$http异步删除数据详解及实例
Jul 27 Javascript
jquery学习笔记之无new构建详解
Dec 07 jQuery
JS扩展String.prototype.format字符串拼接的功能
Mar 09 Javascript
react 移动端实现列表左滑删除的示例代码
Jul 04 Javascript
微信小程序实现打开并下载服务器上面的pdf文件到手机
Sep 20 Javascript
vue 接口请求地址前缀本地开发和线上开发设置方式
Aug 13 Javascript
JavaScript实例 ODO List分析
Jan 22 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+ajax实现获取新闻数据简单示例
2018/05/08 PHP
云网广告中的代码,提示出错,大家找找
2006/11/21 Javascript
file模式访问网页时iframe高度自适应解决方案
2013/01/16 Javascript
获取内联和链接中的样式(js代码)
2013/04/11 Javascript
js实现两个值相加alert出来精确到指定位
2013/09/25 Javascript
浅析return false的正确使用
2013/11/04 Javascript
JQuery实现展开关闭层的方法
2015/02/17 Javascript
鼠标经过子元素触发mouseout,mouseover事件的解决方案
2015/07/26 Javascript
confirm确认对话框的实现方法总结
2016/06/17 Javascript
Node.js与Sails redis组件的使用教程
2017/02/14 Javascript
JS数组搜索之折半搜索实现方法分析
2017/03/27 Javascript
Vue 组件间的样式冲突污染
2017/08/31 Javascript
详解webpack编译多页面vue项目的配置问题
2017/12/11 Javascript
jQuery EasyUI 折叠面板accordion的使用实例(分享)
2017/12/25 jQuery
vue中element 上传功能的实现思路
2018/07/06 Javascript
JavaScript创建对象方法实例小结
2018/09/03 Javascript
JS使用百度地图API自动获取地址和经纬度操作示例
2019/04/16 Javascript
[03:35]2018年度DOTA2最佳辅助位选手5号位-完美盛典
2018/12/17 DOTA
在Python中使用SimpleParse模块进行解析的教程
2015/04/11 Python
使用Python写一个小游戏
2018/04/02 Python
《与孩子一起学编程》python自测题
2018/05/27 Python
python 匹配url中是否存在IP地址的方法
2018/06/04 Python
python八皇后问题的解决方法
2018/09/27 Python
Django框架设置cookies与获取cookies操作详解
2019/05/27 Python
更新pip3与pyttsx3文字语音转换的实现方法
2019/08/08 Python
基于keras中的回调函数用法说明
2020/06/17 Python
Python3.8安装Pygame教程步骤详解
2020/08/14 Python
阿玛尼美妆加拿大官方商城:Giorgio Armani Beauty加拿大
2017/10/24 全球购物
西班牙在线药店:DosFarma
2020/03/28 全球购物
数据库笔试题
2013/05/09 面试题
比较一下entity bean和session bean
2013/12/27 面试题
解释i节点在文件系统中的作用
2013/11/26 面试题
J2EE模式面试题
2016/10/11 面试题
毕业生实习鉴定
2013/12/11 职场文书
小学班级口号
2014/06/09 职场文书
上课睡觉检讨书300字
2014/11/18 职场文书