jquery二维码生成插件jquery.qrcode.js

插件描述:jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生成二维条码。

如何使用它

将jquery.qrcode.min.js和jquery添加到您的网页中


<script type="text/javascript" src="http://www.iyangqiong.com/jquery.qrcode.min.js"></script>
<script src="http://www.iyanqqiong.com/jquery.min.js"></script>

然后创建一个DOM元素去包含生成qr码。


<div id="qrcode"></div>

然后你在此容器中的添加qrcode


<script>
    jQuery(function(){
    jQuery('#qrcode').qrcode("http://www.iyangqiong.com/");
})
</script>

进阶用法

指定二维码的生成方式:
可以在调用函数的同时输入想要的二维码生成方式(table/canvas)。


//使用table生成
jQuery('#qrcode').qrcode({
	render	: "table",
	text	: "http://www.iyangqiong.com/"
});
 
//使用canvas生成
jQuery('#qrcode').qrcode({
	render	: "canvas",
	text	: "http://www.iyangqiong.com/"
});

指定生成二维码的大小:
可以在调用函数的同时输入想要生成二维码的宽度和高度即可指定生成的二维码的大小。


//生成100*100(宽度100,高度100)的二维码
jQuery('#qrcode').qrcode({
        render	: "canvas",//也可以替换为table
	width   : 100,
	height  : 100,
	text	: "http://www.iyangqiong.com/"
});

指定生成二维码的色彩样式:
可以在调用函数的同时输入想要生成二维码的前景色和背景色即可指定生成的二维码的色彩样式。


//生成前景色为红色背景色为白色的二维码
jQuery('#qrcode').qrcode({
        render	  : "canvas",//也可以替换为table
	foreground: "#C00",
        background: "#FFF",
	text	  : "http://www.iyangqiong.com/"
});

项目地址

https://github.com/jeromeetienne/jquery-qrcode

1.本文由杨琼博客整理发布,部分文章来自网络,如有侵犯权益,请联络博主,资源失效和内容勘误欢迎留言.

2.转载请注明本文地址:http://www.iyangqiong.com/web/31.html

3.订阅更新:您可以通过 RSS订阅本站

【推荐!必备网址导航】http://longmiao.wang/

分享到:
顶部 评论 底部