二维码图片生成器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 相关文章推荐
jQuery源码分析之jQuery.fn.each与jQuery.each用法
Jan 23 Javascript
JS实现弹出浮动窗口(支持鼠标拖动和关闭)实例详解
Aug 06 Javascript
jQuery实现简单的列表式导航菜单效果代码
Aug 31 Javascript
js全选按钮的实现方法
Nov 17 Javascript
基于JavaScript实现网页倒计时自动跳转代码
Dec 28 Javascript
利用jQuery插件imgAreaSelect实现图片上传裁剪(放大缩小)
Dec 02 Javascript
详解vue-Resource(与后端数据交互)
Jan 16 Javascript
原生js实现密码输入框值的显示隐藏
Jul 17 Javascript
vue项目优化之通过keep-alive数据缓存的方法
Dec 11 Javascript
jQuery实现的简单日历组件定义与用法示例
Dec 24 jQuery
利用js-cookie实现前端设置缓存数据定时失效
Jun 18 Javascript
JS删除数组指定值常用方法详解
Jun 04 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 Class&amp;Object -- 解析PHP实现二叉树
2013/06/25 PHP
PHP新建类问题分析及解决思路
2015/11/19 PHP
linux下php上传文件注意事项
2016/06/11 PHP
详解PHP文件的自动加载(autoloading)
2018/02/04 PHP
return false,对阻止事件默认动作的一些测试代码
2010/11/17 Javascript
jQuery页面滚动浮动层智能定位实例代码
2011/08/23 Javascript
分享一个自定义的console类 让你不再纠结JS中的调试代码的兼容
2012/04/20 Javascript
Javascript 中 null、NaN和undefined的区别总结
2013/04/10 Javascript
JS弹出层单纯的绝对定位居中示例代码
2014/02/18 Javascript
JS仿Windows开机启动Loading进度条的方法
2015/02/26 Javascript
JavaScript函数详解
2015/02/27 Javascript
jQuery实现仿路边灯箱广告图片轮播效果
2015/04/15 Javascript
详解AngularJS的通信机制
2015/06/18 Javascript
jQuery validate+artdialog+jquery form实现弹出表单思路详解
2016/04/18 Javascript
微信小程序 图片边框解决方法
2017/01/16 Javascript
Nodejs进阶:express+session实现简易登录身份认证
2017/04/24 NodeJs
Vue2.0如何发布项目实战
2017/07/27 Javascript
BootStrap Validator 根据条件在JS中添加或移除校验操作
2017/10/12 Javascript
基于JS实现html中placeholder属性提示文字效果示例
2018/04/19 Javascript
2种在vue项目中使用百度地图的简单方法
2018/09/28 Javascript
layui的布局和表格的渲染以及动态生成表格的方法
2019/09/18 Javascript
node使用request请求的方法
2019/12/20 Javascript
解决Antd 里面的select 选择框联动触发的问题
2020/10/24 Javascript
[01:02:47]EG vs Secret 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
Python中字典映射类型的学习教程
2015/08/20 Python
Python实现带参数与不带参数的多重继承示例
2018/01/30 Python
python 定时任务去检测服务器端口是否通的实例
2019/01/26 Python
Django之使用内置函数和celery发邮件的方法示例
2019/09/16 Python
HTML5 canvas画图并保存成图片的jcanvas插件
2014/01/17 HTML / CSS
如何通过 CSS 写出火焰效果
2021/03/24 HTML / CSS
高一数学教学反思
2014/02/07 职场文书
幼儿园毕业寄语
2014/04/03 职场文书
青春演讲稿范文
2014/05/08 职场文书
计算机应用专业毕业生求职信
2014/06/03 职场文书
实现GO语言对数组切片去重
2022/04/20 Golang
python多次执行绘制条形图
2022/04/20 Python