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 相关文章推荐
脚本之家贴图转换+转贴工具用到的js代码超级推荐
Apr 05 Javascript
javascript 使td内容不换行不撑开
Nov 29 Javascript
简单几行JS Code实现IE邮件转发新浪微博
Jul 03 Javascript
鼠标移到导航当前位置的LI变色处于选中状态
Aug 23 Javascript
js+jquery实现图片裁剪功能
Jan 02 Javascript
详解jQuery中的deferred对象的使用(一)
May 27 Javascript
AngularJS解决ng界面长表达式(ui-set)的方法分析
Nov 07 Javascript
javascript实现的图片预览功能
Mar 25 Javascript
js实现移动端导航点击自动滑动效果
Jul 18 Javascript
JS原型继承四步曲及原型继承图一览
Nov 28 Javascript
关于Vue在ie10下空白页的debug小结
May 02 Javascript
JavaScript文档加载模式以及元素获取
Jul 28 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
windows中为php安装mongodb与memcache
2015/01/06 PHP
php中explode的负数limit用法分析
2015/02/27 PHP
ThinkPHP自定义函数解决模板标签加减运算的方法
2015/07/03 PHP
PHP简单计算两个时间差的方法示例
2017/06/20 PHP
Jquery AJAX 用于计算点击率(统计)
2010/06/30 Javascript
javascript针对DOM的应用分析(三)
2012/04/15 Javascript
JavaScript获取和设置CheckBox状态的简单方法
2013/07/05 Javascript
js动态给table添加/删除tr的方法
2013/08/02 Javascript
jquery 删除cookie失效的解决方法
2013/11/12 Javascript
炫酷的js手风琴效果
2016/10/13 Javascript
基于jQuery的select下拉框选择触发事件实例分析
2016/11/18 Javascript
通过一次报错详细谈谈Point事件
2018/05/17 Javascript
[04:42]5分钟带你了解什么是DOTA2(第一期)
2017/02/07 DOTA
Python实现识别手写数字大纲
2018/01/29 Python
python里dict变成list实例方法
2019/06/26 Python
python虚拟环境完美部署教程
2019/08/06 Python
Python中PyQt5/PySide2的按钮控件使用实例
2019/08/17 Python
python 表格打印代码实例解析
2019/10/12 Python
通过celery异步处理一个查询任务的完整代码
2019/11/19 Python
pytorch forward两个参数实例
2020/01/17 Python
python GUI库图形界面开发之PyQt5工具栏控件QToolBar的详细使用方法与实例
2020/02/28 Python
基于python SMTP实现自动发送邮件教程解析
2020/06/02 Python
python一些性能分析的技巧
2020/08/30 Python
如何使用pycharm连接Databricks的步骤详解
2020/09/23 Python
你可能不熟练的十个前端HTML5经典面试题
2018/07/03 HTML / CSS
瑞士香水购物网站:Parfumcity.ch
2017/01/14 全球购物
DNA基因检测和分析:23andMe
2019/05/01 全球购物
Piercing Pagoda官网:耳环、戒指、项链、手链等
2020/09/28 全球购物
培训心得体会
2013/12/29 职场文书
毕业生护理专业个人求职信范文
2014/01/04 职场文书
小学新教师培训方案
2014/02/03 职场文书
民主生活会意见
2015/06/05 职场文书
超市员工管理制度
2015/08/06 职场文书
iPhone13 Pro外观确定,升级4800万镜头,4月20日发新品
2021/04/15 数码科技
Python一行代码实现自动发邮件功能
2021/05/30 Python
pytorch分类模型绘制混淆矩阵以及可视化详解
2022/04/07 Python