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("http://.com"); //任意字符串

高级属性:


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



有用  |  无用 取消

猜你喜欢