您的位置：首页 > 其它

分享两个qrcode 生成二维码的jq

2017-01-19 00:00 190 查看

在开发微信的时候一直在想怎么我生成的二维码只能关注我自己？？

然后又看了生成带参数二维码。发现并没有什么用..

最后在网上发现了两个qrcode 一个算是原作者的(转载的人太多不知道哪个是正版)

https://github.com/jeromeetie" target=_blank>http://github: https://github.com/jeromeetie
这个应该是原作者的了但是不支持logo

http://pan.baidu.com/s/1nuSYXL3 这个是我百度云js文件

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8"/>
<script src="__PUBLIC__/js/jquery.js"></script>
<script src="__PUBLIC__/js/qrcode.js"></script>

<style>
body{
text-align: center;
}
#qrcode{
width: 164px;
height: 164px;
position: absolute;

text-align: center;

left:0;
right:0;
top: 0;
bottom: 0;
margin: auto;
}
</style>
</head>
<body>
<div>
<div style="margin-left:auto">
<div id="qrcode"></div>
</div>
</div>

<script>
$('#qrcode').qrcode({
width: 164,
height: 164,
text: "{$link}"
});
</script>
</body>
</html>

使用就是这么简单

第二个是别人修改过的，支持中文与logo，亲测可用

js文件在这里 http://pan.baidu.com/s/1b1Be5w

使用方式

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>该二维码支持中文和LOGO</title>

<script type="text/javascript" src="__PUBLIC__/js/jquery-1.8.0.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/utf.js"></script>
<script type="text/javascript" src="__PUBLIC__/js/jquery.qrcode.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#qrcodeCanvas").qrcode({
render : "canvas",    //设置渲染方式，有table和canvas，使用canvas方式渲染性能相对来说比较好
text : "{$link}",    //扫描了二维码后的内容显示,在这里也可以直接填一个网址，扫描二维码后
width : "200",               //二维码的宽度
height : "200",              //二维码的高度
background : "#ffffff",       //二维码的后景色
foreground : "#000000",        //二维码的前景色
src: '__PUBLIC__/img/photo.jpg'             //二维码中间的图片
});
});
</script>

</head>
<body>
<center>
<h2>该二维码支持中文和LOGO</h2>
<div id="qrcodeCanvas"></div>
</center>
</body>
</html>

文件路径需要修改成你自己的，文件下载不了直接叫我。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航