先引入 qrcode.min.js 文件

    <script src="../qrcode/js/jquery-1.8.3.min.js"></script>
    <script src="../qrcode/js/qrcode.min.js"></script>

html

<!--canvas中的二维码-->
<div id="qrDiv" style="display: none;"></div>
<!--image形式的二维码-->
<div class="bannerwechat" id="wecode" ></div>

js

<script>
    jQuery(function(){
        // 生成二维码
        var qrcode = new QRCode(document.getElementById("qrDiv"),{
            render:"canvas",
            text: "https://www.baidu.com/",
            width : "120",               //二维码的宽度
            height : "120",
            colorDark : "#000000",
            colorLight : "#ffffff",
            correctLevel : QRCode.CorrectLevel.H
        });
        // 用画布画出二维码，使二维码变成图片
        function convertCanvasToImage(canvas) {
            //新Image对象，可以理解为DOM
            var image = new Image();
            // canvas.toDataURL 返回的是一串Base64编码的URL，当然,浏览器自己肯定支持
            // 指定格式PNG
            image.src = canvas.toDataURL("image/png");
            return image;
        }
        //获取网页中的canvas对象
        var mycanvas1=document.getElementsByTagName('canvas')[0];
        //将转换后的img标签插入到html中
        var img = convertCanvasToImage(mycanvas1);
        $('#wecode').append(img);//imgDiv表示你要插入的容器id
    })
</script>