jQuery qrcode生成二维码的方法
更新时间：2016年04月03日 11:42:18 作者：隔壁陈叔叔
现在二维码越来越流行，很多网页都会有个二维码，扫描后可通过手机浏览。jquery-qrcode是一个能够在浏览器端生成二维码的jquery插件，下面通过本文给大家介绍jQuery qrcode生成二维码的方法，需要的朋友参考下
现在二维码越来越流行，很多网页都会有个二维码，扫描后可通过手机浏览。
以前做类似的项目一般是在网页上生成图片，然后把图片插入到网页。
这样做不能每个页面都生成二维码。
jquery-qrcode是一个能够在浏览器端生成二维码的jquery插件。它是独立的，最小压缩之后不足4k，也没有图片下载请求。引入该类库之后，只需要一行代码，就可以很容易在web页面加上二维码。
qrcode其实是通过使用jQuery实现图形渲染，画图，支持canvas（HTML5）和table两种方式，可以到
https://github.com/jeromeetienne/jquery-qrcode
获取最新的代码。
如何使用
1、首先在页面中加入jquery库文件和qrcode插件
<script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="jquery.qrcode.min.js"></script>
2、在页面中需要显示二维码的地方加入以下代码：
<div id="code"></div>
3、调用qrcode插件
qrcode支持canvas和table两种方式进行图片渲染，默认使用canvas方式，效率最高，当然要浏览器支持html5
直接调用:
$('#code').qrcode("https://www.jb51.net.com"); //任意字符串
高级属性:
$("#code").qrcode({
render: "table", //table方式
width: 200, //宽度
height:200, //高度
text: "www.helloweba.com" //任意内容
});
相关文章
下面小编就为大家带来一篇浅谈jQuery框架Ajax常用选项。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-07-07
这篇文章主要介绍了jQuery实现仿淘宝带有指示条的图片转动切换效果的方法,以完整实例形式较为详细的分析了jQuery图片特效的使用技巧,需要的朋友可以参考下2015-03-03
jquery判断checkbox是否选中及改变checkbox状态的实现方法
下面小编就为大家带来一篇jquery判断checkbox是否选中及改变checkbox状态的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
使用jquery实现select添加实现后台权限添加的效果，需要的朋友可以参考下。2011-05-05
老生常谈jquery中detach()和remove()的区别
下面小编就为大家带来一篇老生常谈jquery中detach()和remove()的区别。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-03-03
本例要实现的是一个可以增加和删除行的table并可编辑表格中内容，适合新手朋友2014-06-06
本文主要介绍了jquery实现叠层3D文字特效，实现很简单2015-08-08
jQuery简单实现input文本框内灰色提示文本效果的方法
这篇文章主要介绍了jQuery简单实现input文本框内灰色提示文本效果的方法,涉及jQuery针对页面元素的遍历与样式动态操作技巧,具有一定参考借鉴价值,需要的朋友可以参考下2015-12-12
这篇文章主要介绍了jQuery实现鼠标划过添加和删除class的方法,涉及jQuery鼠标事件及页面样式的相关操作技巧,需要的朋友可以参考下2015-06-06
这篇文章主要介绍了微信小程序组件 marquee实例详解的相关资料,需要的朋友可以参考下2017-06-06
最新评论