二维码图片生成器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 相关文章推荐
写了一个layout,拖动条连贯,内容区可为iframe
Aug 19 Javascript
js css样式操作代码(批量操作)
Oct 09 Javascript
js中parseFloat(参数1,参数2)定义和用法及注意事项
Jan 27 Javascript
jquery做的一个简单的屏幕锁定提示框
Mar 26 Javascript
一个仿糯米弹框效果demo
Jul 22 Javascript
js实现双击图片放大单击缩小的方法
Feb 17 Javascript
Jquery插件实现点击获取验证码后60秒内禁止重新获取
Mar 13 Javascript
javascript实现通过表格绘制颜色填充矩形的方法
Apr 21 Javascript
详谈Angular 2+ 的表单(一)之模板驱动型表单
Apr 25 Javascript
vue+vue-validator 表单验证功能的实现代码
Nov 13 Javascript
JQuery通过后台获取数据遍历到前台的方法
Aug 13 jQuery
three.js 实现露珠滴落动画效果的示例代码
Mar 01 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将HTML转换成文本的实现代码
2015/01/21 PHP
yii2.0实现pathinfo的形式访问的配置方法
2016/04/06 PHP
php代码调试利器firephp安装与使用方法分析
2018/08/21 PHP
几种设置表单元素中文本输入框不可编辑的方法总结
2013/11/25 Javascript
textarea 控制输入字符字节数(示例代码)
2013/12/27 Javascript
node.js中的fs.realpathSync方法使用说明
2014/12/16 Javascript
AngularJS 服务详细讲解及示例代码
2016/08/17 Javascript
Vue.js动态添加、删除选题的实例代码
2016/09/30 Javascript
JS命令模式例子之菜单程序
2016/10/10 Javascript
Node.js使用gm拼装sprite图片
2017/07/04 Javascript
10个经典的网页鼠标特效代码
2018/01/09 Javascript
微信小程序云函数使用mysql数据库过程详解
2019/08/07 Javascript
微信小程序实现可长按移动控件
2020/11/01 Javascript
详解Vue的七种传值方式
2021/02/08 Vue.js
python 循环while和for in简单实例
2016/08/16 Python
Python切换pip安装源的方法详解
2016/11/18 Python
Python中查看文件名和文件路径
2017/03/31 Python
Python编程之Re模块下的函数介绍
2017/10/28 Python
python实现flappy bird小游戏
2018/12/24 Python
详解Python odoo中嵌入html简单的分页功能
2019/05/29 Python
Django在admin后台集成TinyMCE富文本编辑器的例子
2019/08/09 Python
Django CBV模型源码运行流程详解
2020/08/17 Python
实例讲解使用CSS实现多边框和透明边框的方法
2015/09/08 HTML / CSS
Marks & Spencer爱尔兰:英国马莎百货
2016/04/20 全球购物
伦敦所有西区剧院演出官方票务代理:Theatre Tickets Direct
2017/05/26 全球购物
MyBag中文网:英国著名的时尚包袋电商零售网站
2020/07/31 全球购物
Lucene推荐的分页方式是什么?
2015/12/07 面试题
槐乡的孩子教学反思
2014/04/27 职场文书
市场营销工作计划书
2014/09/15 职场文书
2014年高中教师工作总结
2014/12/19 职场文书
接收函格式
2015/01/30 职场文书
幼儿园保教工作总结2015
2015/10/15 职场文书
HR必备:超全面的薪酬待遇管理方案!
2019/07/12 职场文书
经典法律座右铭(50句)
2019/08/15 职场文书
十大好看的穿越动漫排名:《瑞克和莫蒂》第一,国漫《有药》在榜
2022/03/18 日漫
GO语言字符串处理函数之处理Strings包
2022/04/14 Golang