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 相关文章推荐
jquery select(列表)的操作(取值/赋值)
Aug 06 Javascript
Lazy Load 延迟加载图片的 jQuery 插件
Feb 06 Javascript
javascript 判断数组是否已包含了某个元素的函数
May 30 Javascript
jquery实用代码片段集合
Aug 12 Javascript
JS注释所产生的bug 即使注释也会执行
Nov 19 Javascript
angularjs 处理多个异步请求方法汇总
Jan 06 Javascript
javascript实现无缝上下滚动特效
Dec 16 Javascript
Three.js学习之文字形状及自定义形状
Aug 01 Javascript
js实现select选择框效果及美化
Aug 19 Javascript
理解 Node.js 事件驱动机制的原理
Aug 16 Javascript
webpack 处理CSS资源的实现
Sep 27 Javascript
JS Array.from()将伪数组转换成数组的方法示例
Mar 23 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
DOM XPATH获取img src值的query
2013/09/23 PHP
PHP基于php_imagick_st-Q8.dll实现JPG合成GIF图片的方法
2014/07/11 PHP
php中使用session_set_save_handler()函数把session保存到MySQL数据库实例
2014/11/06 PHP
常见PHP数据库解决方案分析介绍
2015/09/24 PHP
CI框架封装的常用图像处理方法(缩略图,水印,旋转,上传等)
2016/11/22 PHP
PHP匿名函数(闭包函数)详解
2019/03/22 PHP
PHP上传图片到数据库并显示的实例代码
2019/12/20 PHP
html a标签-超链接中confirm方法使用介绍
2013/01/04 Javascript
浅析JavaScript 调试方法和技巧
2015/10/22 Javascript
jquery实现触发时更新下拉列表内容的方法
2015/12/02 Javascript
Ionic快速安装教程
2016/06/03 Javascript
详解vue-router 路由元信息
2017/09/13 Javascript
深入剖析Node.js cluster模块
2018/05/23 Javascript
Three.JS实现三维场景
2018/12/30 Javascript
Vue项目前后端联调(使用proxyTable实现跨域方式)
2020/07/18 Javascript
[01:01:51]EG vs VG Supermajor小组赛B组 BO3 第二场 6.2
2018/06/03 DOTA
python中使用pyhook实现键盘监控的例子
2014/07/18 Python
用Python实现一个简单的能够上传下载的HTTP服务器
2015/05/05 Python
PyTorch上搭建简单神经网络实现回归和分类的示例
2018/04/28 Python
python实现自动获取IP并发送到邮箱
2018/12/26 Python
Python 简单计算要求形状面积的实例
2020/01/18 Python
基于Keras 循环训练模型跑数据时内存泄漏的解决方式
2020/06/11 Python
python之pygame模块实现飞机大战完整代码
2020/11/29 Python
AmazeUI导航的示例代码
2020/08/14 HTML / CSS
介绍一下Ruby中的对象,属性和方法
2012/07/11 面试题
采购内勤岗位职责
2013/12/10 职场文书
幼儿园儿童节主持词
2014/03/21 职场文书
六一儿童节主持词
2014/03/21 职场文书
百年校庆节目主持词
2014/03/27 职场文书
2014年教师节活动总结
2014/08/29 职场文书
民主评议党员自我评价材料
2014/09/18 职场文书
2015年清明节网上祭英烈留言寄语
2015/03/04 职场文书
护士自荐信范文
2015/03/25 职场文书
2015年煤矿安全工作总结
2015/05/23 职场文书
关于社会实践的心得体会(2016最新版)
2016/01/25 职场文书
bootstrapv4轮播图去除两侧阴影及线框的方法
2022/02/15 HTML / CSS