+
80
-

js如果生成带logo图像的二维码?

js如果生成带logo图像的二维码?

网友回复

+
0
-

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">

    <script id="bfwone" data="dep=jquery.17&err=0" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script>
        bready(function() {

            use(["jquery.qrcode.min"], function() {

                $("#code").qrcode({
                    render: "canvas", //table方式
                    width: 200, //宽度
                    height: 200, //高度
                    text: "www.bfw.wiki", //任意内容,
                    background: "#ffffff", //背景颜色
                    foreground: "red"  //二维码颜色
                });
                var margin = ($("#code").height() - $("#codeicon").height()) / 2; //控制Logo图标的位置
                $("#codeicon").css("margin", margin);


            });
        });
    </script>
</head>
<body>
    <img id="codeicon" src="http://repo.bfw.wiki/bfwrepo/icon/5de9a9d9db4b3.png?x-oss-process=image/auto-orient,1/resize,m_fill,w_40,h_40,/quality,q_90" id="qrCodeIco" style="position: absolute;width: 30px; height: 30px;" />

    <div id="code" style="height:200px;width:200px;">

    </div>
</body>
</html>

我知道答案,我要回答