• 欢迎访问微视觉网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入微视觉微视觉-影视后期交流
  • 本站全面支持自动充值,目的是更好的服务大家!
  • 本站全面开启SSL服务,请放心使用!
  • 如果您觉得本站对你非常有用,那么赶紧使用Ctrl+D 收藏吧

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

前沿资讯 Jason.w.wei 4个月前 (06-14) 182次浏览 已收录 0个评论

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

如何使用它

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

<script src="jquery.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>

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

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

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

<script>
    <a href="https://www.whwww.net/tag/jquery" title="查看更多关于 jQuery 的文章" target="_blank">jQuery</a>(function(){
    <a href="https://www.whwww.net/tag/jquery" title="查看更多关于 jQuery 的文章" target="_blank">jQuery</a>('#qrcode').qrcode("http://www.jq22.com");
})
</script>

就这么简单,您想要的二维码就生成了。

进阶用法

指定二维码的生成方式:

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

//使用 table 生成
<a href="https://www.whwww.net/tag/jquery" title="查看更多关于 jQuery 的文章" target="_blank">jQuery</a>('#qrcode').qrcode({
    render: "table",
    text: "http://www.jq22.com"
});
 
//使用 canvas 生成
<a href="https://www.whwww.net/tag/jquery" title="查看更多关于 jQuery 的文章" target="_blank">jQuery</a>('#qrcode').qrcode({
    render: "canvas",
    text: "http://www.jq22.com"
});

指定生成二维码的大小:

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

//生成 100*100(宽度 100,高度 100)的二维码
<a href="https://www.whwww.net/tag/jquery" title="查看更多关于 jQuery 的文章" target="_blank">jQuery</a>('#qrcode').qrcode({
    render: "canvas", //也可以替换为 table
    width: 100,
    height: 100,
    text: "http://www.jq22.com"
});

指定生成二维码的色彩样式:

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

//生成前景色为红色背景色为白色的二维码
<a href="https://www.whwww.net/tag/jquery" title="查看更多关于 jQuery 的文章" target="_blank">jQuery</a>('#qrcode').qrcode({
    render: "canvas", //也可以替换为 table
    foreground: "#C00",
    background: "#FFF",
    text: "http://www.jq22.com"
});

中文 ULR 生成方法:

jQuery("#output").qrcode(encodeURI("http://中文中文"));//使用 encodeURI 进行转码

插件下载:

下载
微视觉 , 版权所有丨如未注明 , 均为网络收集丨本网站采用BY-NC-SA协议进行授权 , 转载请注明jquery 二维码生成插件 jquery.qrcode.js
喜欢 (7)
[wuwei967@126.com]
分享 (0)

您必须 登录 才能发表评论!