二维码图片生成器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 相关文章推荐
点图片上一页下一页翻页效果
Jul 09 Javascript
firefo xml 读写实现js代码
Jun 11 Javascript
setInterval与clearInterval的使用示例代码
Jan 28 Javascript
javascript中typeof操作符和constucor属性检测
Feb 26 Javascript
JS原型对象的创建方法详解
Jun 16 Javascript
html中鼠标滚轮事件onmousewheel的处理方法
Nov 11 Javascript
jQuery extend()详解及简单实例
May 06 jQuery
AngularJS 实现点击按钮获取验证码功能实例代码
Jul 13 Javascript
快速掌握jquery分页插件jqPaginator的使用方法
Aug 09 jQuery
使用Bootstrap + Vue.js实现表格的动态展示、新增和删除功能
Nov 27 Javascript
js正则取值的结果数组调试方法
Oct 10 Javascript
D3.js的基础部分之数组的处理数组的排序和求值(v3版本)
May 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文件读写操作之文件写入代码
2011/01/13 PHP
简单谈谈favicon
2015/06/10 PHP
PHP保留两位小数的几种方法
2019/07/24 PHP
javascript div 遮罩层封锁整个页面
2009/07/10 Javascript
加载 Javascript 最佳实践
2011/10/30 Javascript
JavaScript NaN和Infinity特殊值 [译]
2012/09/20 Javascript
解析jquery easyui tree异步加载子节点问题
2017/03/08 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
Echarts基本用法_动力节点Java学院整理
2017/08/11 Javascript
浅析JS抽象工厂模式
2017/12/14 Javascript
JS实现将链接生成二维码并转为图片的方法
2018/03/17 Javascript
详解使用Next.js构建服务端渲染应用
2018/07/10 Javascript
jQuery.validate.js表单验证插件的使用代码详解
2018/10/22 jQuery
微信小程序冒泡事件及其阻止方法实例分析
2018/12/06 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
2019/12/17 Javascript
[02:36]DOTA2英雄基础教程 一击致命幻影刺客
2013/12/06 DOTA
[02:32]【DOTA2亚洲邀请赛】iceice,梦开始的地方
2017/03/13 DOTA
[38:39]KG vs Mineski 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/16 DOTA
Python列表生成式与生成器操作示例
2018/08/01 Python
Python ATM功能实现代码实例
2020/03/19 Python
基于matplotlib中ion()和ioff()的使用详解
2020/06/16 Python
python中的错误如何查看
2020/07/08 Python
HTML5 Canvas实现360度全景图的示例代码
2018/01/29 HTML / CSS
Famous Footwear加拿大:美国多品牌运动休闲鞋店
2018/12/05 全球购物
俄罗斯最大的灯具网站:Fandeco
2020/03/14 全球购物
自我鉴定书面格式
2014/01/13 职场文书
完美的中文自荐信
2014/05/24 职场文书
模具专业自荐信
2014/05/29 职场文书
专题民主生活会对照检查材料思想汇报
2014/09/29 职场文书
2015年爱牙日活动总结
2015/02/05 职场文书
教学督导岗位职责
2015/04/10 职场文书
恰同学少年观后感
2015/06/08 职场文书
团干部培训班心得体会
2016/01/06 职场文书
Java Socket实现多人聊天系统
2021/07/15 Java/Android
threejs太阳光与阴影效果实例代码
2022/04/05 Javascript
HTML中实现音乐或视频自动播放案例详解
2022/05/30 HTML / CSS