JS二维码生成插件,一键生成二维码
浏览: 2,924次 日期:2017年12月11日 20:57:01 作者:青格勒
jquery.qrcode是个依赖jquery的二维码生成插件,主要用于连接和文本的二维码生成,有两种生成格式canvas和table格式的,当然canvas不支持低版本浏览器,table有点小bug,但是没啥大问题。建议使用在移动端上。
这儿插件可以扩展开发,本来也是MIT协议的东西,后期我有可能会加点其他的功能,目前考虑的是加logo了,其他的再说。
这个js插件可以点击生成,列表生成都是可以的,写的方法跟JQ是一样的,不懂得可以留言。
【github地址:https://github.com/jeromeetienne/jquery-qrcode】代码可以去github下载,可以到文章的最下面使用百度网盘,我会提供的。
这次我就简单的给大家介绍一下jquery-qrcode的使用方法。
<script type="text/javascript" src="jquery-1.12.0.min.js"></script>
<script type="text/javascript" src="jquery.qrcode.min.js"></script>
<div class="qrcode1"></div>
<div class="qrcode2"></div>
<div class="qrcode3"></div>
<script type="text/javascript">
$(document).ready(function () {
//一、如果是英文字符
$('.qrcode1').qrcode({
render: "canvas", //两种模式1、table 2、canvas
correctLevel: 1,//识别度
quiet:20,
width: 200,//宽度
height: 200,//高度
foreground: "#333",//纹路色
background: "#eee",//背景色
text: "http://cenggel.com",//文字
});
//二、链接带中文的时候需要使用encodeURI进行转码才可以
$('.qrcode2').qrcode({
render: "canvas", //两种模式1、table 2、canvas
correctLevel: 1,//识别度
width: 200,//宽度
height: 200,//高度
foreground: "#333",//纹路色
background: "#eee",//背景色
text: (encodeURI("http://cenggel.com/tag/chrome插件"))//文字
});
//三、文字中包含中文+英文字符的时候
var str = "CGLweb前端 cenggel.com";
var out, i, len, c;
out = "";
len = str.length;
for(i = 0; i < len; i++) {
c = str.charCodeAt(i);
if ((c >= 0x0001) && (c <= 0x007F)) {
out += str.charAt(i);
} else if (c > 0x07FF) {
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
} else {
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F));
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F));
}
}
//转换代码来自于网络,出处实在是不好说,如果知道出处请提供一下链接,谢谢
$('.qrcode3').qrcode({
render: "canvas", //两种模式1、table 2、canvas
correctLevel: 3,//识别度
width: 200,//宽度
height: 200,//高度
foreground: "#333",//纹路色
background: "#eee",//背景色
text:out //文字
});
});
</script>
<style type="text/css">
body{ width:1200px; margin:0 auto;}
div{ margin:100px; width:200px; float:left;}
</style>
效果图:
百度网盘:里面有上面的所有代码
链接:https://pan.baidu.com/s/1miEGjAo
密码:v0vb
文章链接:http://cenggel.com/chajian/18.html
版权声明:文章《JS二维码生成插件,一键生成二维码》由青格勒编写,转载请带上文章链接。
本章内容纯属乱讲,如有雷同,纯属巧合。如有借鉴之处已表明出处。
点击任意位置关闭窗口,感谢您的支持。
打赏规则 - 为了避免对于打赏模式产生误解,说明一下几点内容:
- 1.打赏纯粹自愿,金额不限,别太多,1块就行;
- 2.打赏不能作为解答疑问的理由;
- 3.打赏不能帮你做毕业设计或论文;
- 4.打赏不能帮你做工作中的项目;
- 5.打赏就是这不能那不能,只是单纯打赏而已。
- 5.最后谢谢支持。
相关文章
-
2018-07-28
◆ JS时间插件laydate
-
2018-07-21
◆ 滚动条美化插件jquery.nicescroll
-
2018-04-13
◆ 省市区三级联动控件,city-picker的简单使用
-
2017-12-12
◆ 在线PDF浏览JS插件PDF.JS让你轻松在浏览器上浏览PDF文件,PDF.JS汉化版
发表评论