二维码图片生成器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 相关文章推荐
使用jscript实现二进制读写脚本代码
Jun 09 Javascript
理解JavaScript变量作用域更轻松
Oct 25 Javascript
javascript 系统文件夹文件操作及参数介绍
Jan 08 Javascript
Jquery实现自定义窗口随意的拖拽
Mar 12 Javascript
chrome下img加载对height()的影响示例探讨
May 26 Javascript
继续学习javascript闭包
Dec 03 Javascript
JavaScript驾驭网页-获取网页元素
Mar 24 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
Dec 14 Javascript
原生js仿浏览器滚动条效果
Mar 02 Javascript
谈谈对vue响应式数据更新的误解
Aug 01 Javascript
微信小程序制作扭蛋机代码实例
Sep 24 Javascript
Javascript异步执行不按顺序解决方案
Apr 30 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的MySQL连接类
2013/06/07 PHP
Laravel 5框架学习之Blade 简介
2015/04/08 PHP
ThinkPHP使用Smarty第三方插件方法小结
2016/03/19 PHP
orm获取关联表里的属性值
2016/04/17 PHP
php实现有序数组打印或排序的方法【附Python、C及Go语言实现代码】
2016/11/10 PHP
php多进程应用场景实例详解
2019/07/22 PHP
PHP使用 Imagick 扩展实现图片合成,圆角处理功能示例
2019/09/09 PHP
用 JSON 处理缓存
2007/04/27 Javascript
js异或加解密效果代码
2008/06/25 Javascript
JavaScript面向对象之体会[总结]
2008/11/13 Javascript
JQuery对id中含有特殊字符的转义处理示例
2013/09/06 Javascript
javascript设置金额样式转换保留两位小数示例代码
2013/12/04 Javascript
jQuery中的编程范式详解
2014/12/15 Javascript
jQuery控制cookie过期时间的方法
2015/04/07 Javascript
在JavaScript中处理时间之getHours()方法的使用
2015/06/10 Javascript
理解Javascript图片预加载
2016/02/23 Javascript
浅析JavaScript中浏览器的兼容问题
2016/04/19 Javascript
轻松掌握JavaScript中介者模式
2016/08/26 Javascript
js canvas画布实现高斯模糊效果
2018/11/27 Javascript
微信小程序时间选择插件使用详解
2018/12/28 Javascript
js实现全选反选不选功能代码详解
2019/04/24 Javascript
vue选项卡切换登录方式小案例
2019/09/27 Javascript
vuex存值与取值的实例
2019/11/06 Javascript
Javascript异步流程控制之串行执行详解
2020/09/27 Javascript
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
python 插入日期数据到Oracle实例
2020/03/02 Python
详细分析Python垃圾回收机制
2020/07/01 Python
CSS3 :nth-child()伪类选择器实现奇偶行显示不同样式
2013/11/05 HTML / CSS
奥兰多迪士尼门票折扣:Undercover Tourist
2018/07/09 全球购物
体验完美剃须:The Art of Shaving
2018/08/06 全球购物
三年级科学教学反思
2014/01/29 职场文书
二年级评语大全
2014/04/23 职场文书
教师师德师风整改措施
2014/10/24 职场文书
音乐会主持人开场白
2015/05/28 职场文书
简单实现一个手持弹幕功能+文字抖动特效
2021/03/31 HTML / CSS
mysql 生成连续日期及变量赋值
2022/03/20 MySQL