二维码图片生成器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 相关文章推荐
splice slice区别
Oct 09 Javascript
!DOCTYPE声明对JavaScript的影响分析
Apr 12 Javascript
浅谈tudou土豆网首页图片延迟加载的效果
Jun 23 Javascript
读取input:file的路径并显示本地图片的方法
Sep 23 Javascript
jquery.cookie用法详细解析
Dec 18 Javascript
在JavaScript中使用timer示例
May 08 Javascript
一个支付页面DEMO附截图
Jul 22 Javascript
基于jQuery实现动态搜索显示功能
May 05 Javascript
浅谈jquery点击label触发2次的问题
Jun 12 Javascript
JavaScript中有关一个数组中最大值和最小值及它们的下表的输出的解决办法
Jul 01 Javascript
小程序如何支持使用 async/await详解
Sep 12 Javascript
解决vue的touchStart事件及click事件冲突问题
Jul 21 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
ThinkPHP写第一个模块应用
2012/02/20 PHP
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
PHP实现简单汉字验证码
2015/07/28 PHP
formStorage 基于jquery的一个插件(存储表单中元素的状态到本地)
2012/01/20 Javascript
别了 JavaScript中的isXX系列
2012/08/01 Javascript
JS常用表单验证方法总结
2014/05/22 Javascript
javascript定义变量时带var与不带var的区别分析
2015/01/12 Javascript
JavaScript学习笔记之Function对象
2015/01/22 Javascript
基于jquery实现瀑布流布局
2020/06/28 Javascript
Javascript实现汉字和拼音互转的终极方案
2016/10/19 Javascript
javascript动画系列之模拟滚动条
2016/12/13 Javascript
理解javascript async的用法
2017/08/22 Javascript
node作为中间服务层如何发送请求(发送请求的实现方法详解)
2018/01/02 Javascript
原生JS实现列表子元素顺序反转的方法分析
2018/07/02 Javascript
详解nvm管理多版本node踩坑
2019/07/26 Javascript
JavaScript实现栈结构Stack过程详解
2020/03/07 Javascript
el-table树形表格表单验证(列表生成序号)
2020/05/31 Javascript
django接入新浪微博OAuth的方法
2015/06/29 Python
python获取指定时间差的时间实例详解
2017/04/11 Python
Python中defaultdict与lambda表达式用法实例小结
2018/04/09 Python
python实现对文件中图片生成带标签的txt文件方法
2018/04/27 Python
Pandas的read_csv函数参数分析详解
2019/07/02 Python
一款纯css3实现的圆形旋转分享按钮旋转角度可自己调整
2014/09/02 HTML / CSS
为智能设备设计个性化保护套网站:caseable
2017/01/05 全球购物
岳父生日宴会答谢词
2014/01/13 职场文书
同学聚会欢迎辞
2014/01/14 职场文书
保安拾金不昧表扬信
2014/01/15 职场文书
初一地理教学反思
2014/01/16 职场文书
2015年底工作总结范文
2015/05/15 职场文书
妈妈再爱我一次观后感
2015/06/08 职场文书
2015年主婚人婚礼致辞
2015/07/28 职场文书
国庆放假通知怎么写
2015/07/30 职场文书
同学会感言
2015/07/30 职场文书
Java Socket实现Redis客户端的详细说明
2021/05/26 Redis
使用Python开发贪吃蛇游戏 SnakeGame
2022/04/30 Python
Spring中的@Transactional的工作原理
2022/06/05 Java/Android