使用js创造二维码

1.下载jquery.qrcode库

2.创造二维码

1.显示二维码

$("#qrcodes").qrcode({

                render: "canvas",

                text: url,

                width: "200",               //二维码的宽度

                height: "200",              //二维码的高度

                background: "#ffffff",       //二维码的后景色

                foreground: "#000000",        //二维码的前景色

                src: './img/logo.png'             //二维码中间的图片这里可以插入我们的项目logo照片

            });

2.点击，二维码可消失

function closeA() {

            let a = document.getElementById("a")

            a.style.display = 'none';

        }

3.如何让二维码切换显示

let a = document.getElementById("a")

            a.style.display = 'flex';

            let canvas = document.querySelectorAll("canvas")

            if (canvas.length > 0) {

                canvas[0].parentNode.removeChild(canvas[0]);

            }

4.总结代码

 //显示二维码 绑定点击事件

        function makeCodes(url) {

            let a = document.getElementById("a")

            a.style.display = 'flex';

            let canvas = document.querySelectorAll("canvas")

            if (canvas.length > 0) {

                canvas[0].parentNode.removeChild(canvas[0]);

            }

            $("#qrcodes").qrcode({

                render: "canvas",

                text: url,

                width: "200",               //二维码的宽度

                height: "200",              //二维码的高度

                background: "#ffffff",       //二维码的后景色

                foreground: "#000000",        //二维码的前景色

                src: './img/logo.png'             //二维码中间的图片

            });

        }

//下面函数绑定点击事件

function closeA() {

            let a = document.getElementById("a")

            a.style.display = 'none';

        }