JavaScript实现的微信二维码图片生成器的示例


Posted in Javascript onOctober 26, 2016

jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生成二维条码。

QRCode.js

QRCode.js是javascript实现二维码(QRCode)制作生成库。 QRCode.js有着良好的跨浏览器兼容性(高版本使用HTML5的 Canvas,低版本IE使用table元素绘制),而且QRCode.js没有任何依赖。只需要引用一个JS。

此插件是能够独立使用的,体积也比较小,使用gzip压缩后才不到4kb。因为它是直接在客户端生成的条码,所以不会有图片下载的过程,能够实现快速生成。它是基于一个多语言的类库封装的,也不依赖于其他额外的服务。

注* 它也支持使用SVG绘制二维码

基本使用

注* 首先需要添加对qrcode.js的引用,并创建一个空DIV

<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie"); </script>

还有更多参数可以选

var qrcode = new QRCode("test", {
 text: "http://jindo.dev.naver.com/collie",
 width: 128,
 height: 128,
 colorDark : "#000000",
 colorLight : "#ffffff",
 correctLevel : QRCode.CorrectLevel.H
});

你可以动态地改变二维码图片,速度很快

qrcode.clear();
qrcode.makeCode("http://naver.com");

浏览器支持

几乎支持所有浏览器: IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile.

DEMO地址: http://davidshimjs.github.io/qrcodejs

注* 这里有一个Server端使用Node.JS生成二维码图片的库,有兴趣的同学也可以研究一下: https://github.com/soldair/node-qrcode

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JavaScript中的Document文档对象
Jan 16 Javascript
javascript 设计模式之单体模式 面向对象学习基础
Apr 18 Javascript
在javaScript中关于submit和button的区别介绍
Oct 20 Javascript
javascript打印输出json实例
Nov 11 Javascript
js报$ is not a function 的问题的解决方法
Jan 20 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
Jan 26 Javascript
关于jQuery库冲突的完美解决办法
May 20 jQuery
详解Webstorm 下的Angular2.0开发之路(图文)
Dec 06 Javascript
探索JavaScript中私有成员的相关知识
Jun 13 Javascript
vue深度监听(监听对象和数组的改变)与立即执行监听实例
Sep 04 Javascript
uni-app实现获取验证码倒计时功能
Nov 01 Javascript
Node使用koa2实现一个简单JWT鉴权的方法
Jan 26 Javascript
关于JavaScript中事件绑定的方法总结
Oct 26 #Javascript
WEB 前端开发中防治重复提交的实现方法
Oct 26 #Javascript
jquery+css3问卷答题卡翻页动画效果示例
Oct 26 #Javascript
简单的js计算器实现
Oct 26 #Javascript
利用python分析access日志的方法
Oct 26 #Javascript
浅谈jQuery绑定事件会叠加的解决方法和心得总结
Oct 26 #Javascript
关于Jquery中的事件绑定总结
Oct 26 #Javascript
You might like
用PHP和ACCESS写聊天室(九)
2006/10/09 PHP
php下统计用户在线时间的一种尝试
2010/08/26 PHP
php一些错误处理的方法与技巧总结
2013/08/10 PHP
php中Redis的应用--消息传递
2017/03/28 PHP
PHP示例演示发送邮件给某个邮箱
2019/04/03 PHP
jquery背景跟随鼠标滑动导航
2015/11/20 Javascript
基于JS模仿windows文件按名称排序效果
2016/06/29 Javascript
学习Angularjs分页指令
2016/07/01 Javascript
微信小程序 本地图片按照屏幕尺寸处理
2017/08/04 Javascript
React-Native中禁用Navigator手势返回的示例代码
2017/09/09 Javascript
说说如何利用 Node.js 代理解决跨域问题
2019/04/22 Javascript
vue 2.5.1 源码学习 之Vue.extend 和 data的合并策略
2019/06/04 Javascript
Vue两种组件类型:递归组件和动态组件的用法
2020/08/06 Javascript
使用vue构建多页面应用的示例
2020/10/22 Javascript
vue+vant实现购物车全选和反选功能
2020/11/17 Vue.js
python3中set(集合)的语法总结分享
2017/03/24 Python
轻量级的Web框架Flask 中模块化应用的实现
2017/09/11 Python
遗传算法python版
2018/03/19 Python
python的schedule定时任务模块二次封装方法
2019/02/19 Python
Python英文文本分词(无空格)模块wordninja的使用实例
2019/02/20 Python
Python函数装饰器常见使用方法实例详解
2019/03/30 Python
Python 实现遥感影像波段组合的示例代码
2019/08/04 Python
python栈的基本定义与使用方法示例【初始化、赋值、入栈、出栈等】
2019/10/24 Python
Python定义函数时参数有默认值问题解决
2019/12/19 Python
Python小整数对象池和字符串intern实例解析
2020/03/21 Python
AmazeUI 图标的示例代码
2020/08/13 HTML / CSS
Kappa英国官方在线商店:服装和运动器材
2020/11/22 全球购物
会计专业推荐信
2013/10/29 职场文书
本科毕业生应聘求职信
2014/07/06 职场文书
德育标兵事迹材料
2014/08/24 职场文书
大学运动会加油稿200字(5篇)
2014/09/27 职场文书
2015年党员个人自我评价
2015/03/03 职场文书
给病人的慰问信
2015/03/23 职场文书
小学体育组工作总结
2015/08/13 职场文书
学雷锋主题班会教案
2015/08/13 职场文书
Windows11里微软已经将驱动程序安装位置A盘删除
2021/11/21 数码科技