二维码图片生成器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 相关文章推荐
CheckBox 如何实现全选?
Jun 23 Javascript
dojo 之基础篇(二)之从服务器读取数据
Mar 24 Javascript
tbody元素支持嵌套的注意方法
Mar 24 Javascript
JavaScript URL参数读取改进版
Jan 16 Javascript
关于二级域名下使用一级域名下的COOKIE的问题
Nov 07 Javascript
JS和函数式语言的三特性
Mar 05 Javascript
javascript实现瀑布流动态加载图片原理
Aug 12 Javascript
微信小程序实现人脸识别
May 25 Javascript
用JS实现选项卡
Mar 23 Javascript
微信小程序自定义联系人弹窗
May 26 Javascript
Vue页面跳转传递参数及接收方式
Sep 09 Javascript
JavaScript用document.write()输出换行的示例代码
Nov 26 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
其他功能
2006/10/09 PHP
深入解析PHP 5.3.x 的strtotime() 时区设定 警告信息修复
2013/08/05 PHP
Codeigniter整合Tank Auth权限类库详解
2014/06/12 PHP
PHP实现创建一个RPC服务操作示例
2020/02/23 PHP
xmlHTTP实例
2006/10/24 Javascript
JS是否可以跨文件同时控制多个iframe页面的应用技巧
2007/12/16 Javascript
javascript 设计模式之单体模式 面向对象学习基础
2010/04/18 Javascript
一些常用且实用的原生JavaScript函数
2010/09/08 Javascript
JS 两个字符串时间的天数差计算
2013/08/25 Javascript
jquery ajax对特殊字符进行转义防止js注入使用示例
2013/11/21 Javascript
js实现当复选框选择匿名登录时隐藏登录框效果
2015/08/14 Javascript
ECharts仪表盘实例代码(附源码下载)
2016/02/18 Javascript
微信小程序 label 组件详解及简单实例
2017/01/10 Javascript
JS中实现函数return多个返回值的实例
2017/02/21 Javascript
Angularjs添加排序查询功能的实例代码
2017/10/24 Javascript
vue props传值失败 输出undefined的解决方法
2018/09/11 Javascript
用vue-cli开发vue时的代理设置方法
2018/09/20 Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
2019/03/30 Javascript
Vue实现根据hash高亮选项卡
2019/05/27 Javascript
Python数组条件过滤filter函数使用示例
2014/07/22 Python
跟老齐学Python之集合的关系
2014/09/24 Python
Python socket模块实现的udp通信功能示例
2019/04/10 Python
pandas将多个dataframe以多个sheet的形式保存到一个excel文件中
2019/10/10 Python
django自定义模板标签过程解析
2019/12/14 Python
pytorch 实现cross entropy损失函数计算方式
2020/01/02 Python
Windows下Pycharm远程连接虚拟机中Centos下的Python环境(图文教程详解)
2020/03/19 Python
基于Python正确读取资源文件
2020/09/14 Python
使用bandit对目标python代码进行安全函数扫描的案例分析
2021/01/27 Python
详解HTML5将footer置于页面最底部的方法(CSS+JS)
2018/10/11 HTML / CSS
华为旗下电子商务平台:华为商城
2016/08/06 全球购物
最新的咖啡店创业计划书
2013/12/30 职场文书
个人德育工作总结
2015/03/05 职场文书
2019职场单身人才调研报告:互联网行业单身比例最高
2019/08/07 职场文书
解决Golang time.Parse和time.Format的时区问题
2021/04/29 Golang
Jackson 反序列化时实现大小写不敏感设置
2021/06/29 Java/Android
vue项目打包后路由错误的解决方法
2022/04/13 Vue.js