首页 > web前端 > js教程 > 正文

jQuery qrcode生成二维码的方法

高洛峰
发布: 2017-01-20 15:07:56
原创
1000 人浏览过

现在二维码越来越流行,很多网页都会有个二维码,扫描后可通过手机浏览。 

以前做类似的项目一般是在网页上生成图片,然后把图片插入到网页。 

这样做不能每个页面都生成二维码。

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

直接调用:

$(&#39;#code&#39;).qrcode("http://www.jb51.net.com"); //任意字符串
登录后复制

高级属性:

$("#code").qrcode({
render: "table", //table方式
width: 200, //宽度
height:200, //高度
text: "www.helloweba.com" //任意内容
});
登录后复制

更多jQuery qrcode生成二维码的方法相关文章请关注PHP中文网!


相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板