二维码图片生成器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 相关文章推荐
超级简单的图片防盗(HTML),好用
Apr 08 Javascript
读jQuery之十一 添加事件核心方法
Jul 31 Javascript
再谈javascript面向对象编程
Mar 18 Javascript
JavaScript数据推送Comet技术详解
Apr 07 Javascript
深入理解jQuery 事件处理
Jun 14 Javascript
Bootstrap里的文件分别代表什么意思及其引用方法
May 01 Javascript
纯原生js实现贪吃蛇游戏
Apr 16 Javascript
Angular.Js中ng-include指令的使用与实现
May 07 Javascript
基于Vue2.X的路由和钩子函数详解
Feb 09 Javascript
ng-zorro-antd 入门初体验
Dec 03 Javascript
JS中使用new Option()实现时间联动效果
Dec 10 Javascript
Vue中component标签解决项目组件化操作
Sep 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新手上路(二)
2006/10/09 PHP
Smarty变量用法详解
2016/05/11 PHP
PHP 超级全局变量相关总结
2020/06/30 PHP
JQuery制作的放大效果的popup对话框(未添加任何jquery plugin)分享
2013/04/28 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
2013/05/07 Javascript
jQuery实现表头固定效果的实例代码
2013/05/24 Javascript
IE8的JavaScript点击事件(onclick)不兼容的解决方法
2013/11/22 Javascript
jquery中的查找parents与closest方法之间的区别
2013/12/02 Javascript
node.js中的fs.mkdirSync方法使用说明
2014/12/17 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
2014/12/19 Javascript
JS实现浏览器状态栏文字从右向左弹出效果代码
2015/10/27 Javascript
浅析jquery如何判断滚动条滚到页面底部并执行事件
2016/04/29 Javascript
巧方法 JavaScript获取超链接的绝对URL地址
2016/06/14 Javascript
JS实现兼容各种浏览器的获取选择文本的方法【测试可用】
2016/06/21 Javascript
JavaScript实现相册弹窗功能(zepto.js)
2016/06/21 Javascript
浅谈javascript中的Function和Arguments
2016/08/30 Javascript
使用node.js搭建服务器
2017/05/20 Javascript
JavaScript 巧学巧用
2017/05/23 Javascript
详解Angular Reactive Form 表单验证
2017/07/06 Javascript
jQuery ajax读取本地json文件的实例
2017/10/31 jQuery
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
2018/10/25 Javascript
javascript数组去重方法总结(推荐)
2019/03/20 Javascript
python基础教程之popen函数操作其它程序的输入和输出示例
2014/02/10 Python
零基础写python爬虫之HTTP异常处理
2014/11/05 Python
Python字符和字符值(ASCII或Unicode码值)转换方法
2015/05/21 Python
Python装饰器(decorator)定义与用法详解
2018/02/09 Python
python设定并获取socket超时时间的方法
2019/01/12 Python
详解Python locals()的陷阱
2019/03/26 Python
Python集中化管理平台Ansible介绍与YAML简介
2019/06/12 Python
Python xmltodict模块安装及代码实例
2020/10/05 Python
英国旅游额外服务市场领导者:Holiday Extras(机场停车场、酒店、接送等)
2017/10/07 全球购物
美国探亲签证邀请信
2014/02/05 职场文书
2014年化验员工作总结
2014/11/18 职场文书
2015年税务稽查工作总结
2015/05/26 职场文书
人力资源部工作计划
2019/05/14 职场文书
Java 异步任务计算FutureTask
2022/04/28 Java/Android