<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jquery.qrcode生成二维码</title>
</head>
<style>
.hidden {
display: none;
}
</style>
<body>
<img src="https://sucai.suoluomei.cn/sucai_zs/images/20191126150939-avatar.jpg" class="hidden" id="myLogo" />
<div id="qrcode"></div>
</body>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
<script>
var qrWidth = 200;
var qrHeight = 200;
var logoQrWidth = qrWidth / 4;
var logoQrHeight = qrHeight / 4;
$('#qrcode').qrcode({
render: "canvas", //设置渲染方式,有table和canvas
text: "https://blog.csdn.net/AK852369",
width: qrWidth, //二维码的宽度
height: qrHeight //二维码的高度
})
$("#qrcode canvas")[0].getContext('2d').drawImage($("#myLogo")[0], (qrWidth - logoQrWidth) / 2, (qrHeight - logoQrHeight) / 2, logoQrWidth, logoQrHeight);
</script>
</html>