jquery二维码生成插件jquery.qrcode.js
时间:2024年04月28日
/来源:网络
/编辑:佚名
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>
jQuery(function(){
jQuery('#qrcode').qrcode("http://www.jq22.com");
})
</script>
就这么简单,您想要的二维码就生成了。
感谢网友 布 提供的内容
进阶用法
指定二维码的生成方式:
可以在调用函数的同时输入想要的二维码生成方式(table/canvas)。
//使用table生成
jQuery('#qrcode').qrcode({
render: "table",
text: "http://www.jq22.com"
});
//使用canvas生成
jQuery('#qrcode').qrcode({
render: "canvas",
text: "http://www.jq22.com"
});
指定生成二维码的大小:
可以在调用函数的同时输入想要生成二维码的宽度和高度即可指定生成的二维码的大小。
//生成100*100(宽度100,高度100)的二维码
jQuery('#qrcode').qrcode({
render: "canvas", //也可以替换为table
width: 100,
height: 100,
text: "http://www.jq22.com"
});
指定生成二维码的色彩样式:
可以在调用函数的同时输入想要生成二维码的前景色和背景色即可指定生成的二维码的色彩样式。
//生成前景色为红色背景色为白色的二维码
jQuery('#qrcode').qrcode({
render: "canvas", //也可以替换为table
foreground: "#C00",
background: "#FFF",
text: "http://www.jq22.com"
});
中文ULR生成方法:
1
jQuery("#output").qrcode(encodeURI("http://中文中文"));//使用encodeURI进行转码
jquery二维码生成插件jquery.qrcode.js
https://www.jq22.com/xzcj.aspx?id=0F5EF0C62AA60A45C123CA6F1265579752560AE8F2A6E0560FCE911AAD234434535B913D50B0498FFDE595DD8A71C57847C0739143D753F92285FF68F26C1DB3
备份链接: https://pan.baidu.com/s/1GfG0g09dOZzSK1ExSzGQiQ 提取码: qkz6
原文地址:https://www.jq22.com/jquery-info294
如何使用它?
将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>
jQuery(function(){
jQuery('#qrcode').qrcode("http://www.jq22.com");
})
</script>
就这么简单,您想要的二维码就生成了。
感谢网友 布 提供的内容
进阶用法
指定二维码的生成方式:
可以在调用函数的同时输入想要的二维码生成方式(table/canvas)。
//使用table生成
jQuery('#qrcode').qrcode({
render: "table",
text: "http://www.jq22.com"
});
//使用canvas生成
jQuery('#qrcode').qrcode({
render: "canvas",
text: "http://www.jq22.com"
});
指定生成二维码的大小:
可以在调用函数的同时输入想要生成二维码的宽度和高度即可指定生成的二维码的大小。
//生成100*100(宽度100,高度100)的二维码
jQuery('#qrcode').qrcode({
render: "canvas", //也可以替换为table
width: 100,
height: 100,
text: "http://www.jq22.com"
});
指定生成二维码的色彩样式:
可以在调用函数的同时输入想要生成二维码的前景色和背景色即可指定生成的二维码的色彩样式。
//生成前景色为红色背景色为白色的二维码
jQuery('#qrcode').qrcode({
render: "canvas", //也可以替换为table
foreground: "#C00",
background: "#FFF",
text: "http://www.jq22.com"
});
中文ULR生成方法:
1
jQuery("#output").qrcode(encodeURI("http://中文中文"));//使用encodeURI进行转码
jquery二维码生成插件jquery.qrcode.js
https://www.jq22.com/xzcj.aspx?id=0F5EF0C62AA60A45C123CA6F1265579752560AE8F2A6E0560FCE911AAD234434535B913D50B0498FFDE595DD8A71C57847C0739143D753F92285FF68F26C1DB3
备份链接: https://pan.baidu.com/s/1GfG0g09dOZzSK1ExSzGQiQ 提取码: qkz6
原文地址:https://www.jq22.com/jquery-info294
新闻资讯 更多