您的位置：首页 > Web前端 > JavaScript

js生成二维码中间有logo

2017-01-18 11:06 309 查看

<!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>TEST LOGO</title>

<script type="text/javascript" src="./jquery-1.8.0.js"></script>
<script type="text/javascript" src="./jquery-qrcode-master/jquery.qrcode.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('#qrcode').qrcode({width:120,height:120,text:"www.baidu.com"});
var margin = ($("#qrcode").height() - $("#qrCodeIco").height()) / 2; //控制Logo图标的位置
$("#qrCodeIco").css("margin", margin);
});
</script>

</head>
<body>
<center>
<h2>Test LOGO</h2>
<div id="qrcode">
<img id="qrCodeIco" src="./logo.png" style="position: absolute;width: 30px; height: 30px;" />
</div>
</center>
</body>
</html>

原创网址: http://www.cnblogs.com/wrong930803/p/5254199.html

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

标签：

相关文章推荐

新的分享

章节导航

js生成二维码 中间有logo

js生成二维码中间有logo