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 文件本身编码转换 图文教程
Oct 12 Javascript
jquery 查找新建元素代码
Jul 06 Javascript
IE6下通过a标签点击切换图片的问题
Nov 14 Javascript
JS面向对象编程浅析
Aug 28 Javascript
可在线编辑网页文字效果代码(单击)
Mar 02 Javascript
SublimeText自带格式化代码功能之reindent
Dec 27 Javascript
Bootstrap轮播插件简单使用方法介绍
Jun 21 Javascript
JS中正则表达式要注意lastIndex属性
Aug 08 Javascript
AngularJS实现的2048小游戏功能【附源码下载】
Jan 03 Javascript
setTimeout时间设置为0详细解析
Mar 13 Javascript
vue 解决循环引用组件报错的问题
Sep 06 Javascript
Vue优化:常见会导致内存泄漏问题及优化详解
Aug 04 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时间戳格式化显示友好的时间函数分享
2014/10/21 PHP
php修改文件上传限制方法汇总
2015/04/07 PHP
PHP rsa加密解密使用方法
2015/04/27 PHP
UPUPW 更新 64 位 Apache 系列 PHP 7.0 正式版
2015/12/08 PHP
PHP实现微信网页授权开发教程
2016/01/19 PHP
PHP简单实现遍历目录下特定文件的方法小结
2017/05/22 PHP
Laravel5.4框架中视图共享数据的方法详解
2019/09/05 PHP
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
2006/09/22 Javascript
dwr spring的集成实现代码
2009/03/22 Javascript
javascript实现的基于金山词霸网络翻译的代码
2010/01/15 Javascript
FileUpload上传图片(图片不变形)
2010/08/05 Javascript
angularJS中$apply()方法详解
2015/01/07 Javascript
简单谈谈javascript代码复用模式
2015/01/28 Javascript
jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法
2016/01/18 Javascript
vue.js中mint-ui框架的使用方法
2017/05/12 Javascript
详解Node.js 命令行程序开发教程
2017/06/07 Javascript
用Vue-cli搭建的项目中引入css报错的原因分析
2017/07/20 Javascript
微信小程序使用video组件播放视频功能示例【附源码下载】
2017/12/08 Javascript
JavaScript DOM元素常见操作详解【添加、删除、修改等】
2018/05/09 Javascript
layui的table单击行勾选checkbox功能方法
2018/08/14 Javascript
vue实现添加与删除图书功能
2018/10/07 Javascript
vue中格式化时间过滤器代码实例
2019/04/17 Javascript
Javascript实现简易天数计算器
2020/05/18 Javascript
定制FileField中的上传文件名称实例
2017/08/23 Python
Python 获得13位unix时间戳的方法
2017/10/20 Python
Python爬虫使用Selenium+PhantomJS抓取Ajax和动态HTML内容
2018/02/23 Python
python批量下载网站马拉松照片的完整步骤
2018/12/05 Python
使用PyQtGraph绘制精美的股票行情K线图的示例代码
2019/03/14 Python
在django中实现页面倒数几秒后自动跳转的例子
2019/08/16 Python
Python获取二维数组的行列数的2种方法
2020/02/11 Python
Django QuerySet查询集原理及代码实例
2020/06/13 Python
python基于win32api实现键盘输入
2020/12/09 Python
快速实现一个简单的canvas迷宫游戏的示例
2018/07/04 HTML / CSS
存储过程和函数的区别
2013/05/28 面试题
大学生求职信范文
2014/05/24 职场文书
 分享一个Python 遇到数据库超好用的模块
2022/04/06 Python