<!DOCTYPE html>
<html>
<head>
<title>标题</title>
</head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
<style>
.qrcode {
width: 200px;
height: 200px;
margin: auto;
/*border: 1px solid #ccc;*/
margin-top: 30px;
position: relative;
}
.qrcode img {
position: absolute;
width: 50px;
height: 50px;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
border-radius: 50%;
}
</style>
<body>
<div class="qrcode"></div>
</body>
<script>
$(".qrCode").qrcode({width: 200, height: 200, text: "http://www.baidu.com"});
</script>
</html>
解决问题
html中第一行加了 <!DOCTYPE html> 不显示二维码,去除即可
原因:
未知