二维码生成使用的是jQuery的一个插件

第一步：引入JS

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script src="js/jquery.qrcode.min.js"></script>

第二步：二维码的位置

<div id="code"></div>

第三步：配置

    $("#code").qrcode({
        render: "canvas",                  //渲染方式table/canvas
        width: 200,                       //宽度
        height:200,                       //高度
        background: "#ffffff",            //背景颜色
        foreground: "#000000",                //前景颜色
        text: "https://www.baidu.com"         //任意内容
    });
</script>

将生成的二维码转换为图片格式

<script>
 //从 canvas 提取图片 image
    function convertCanvasToImage(canvas) {
        //新Image对象，可以理解为DOM
        var image = new Image();// canvas.toDataURL 返回的是一串Base64编码的URL，当然,浏览器自己肯定支持
        // 指定格式 PNG
        image.src = canvas.toDataURL("image/png");
        return image;
    }
    //获取网页中的canvas对象,在css中设置canvas为display:none;
    var mycanvas1=document.getElementsByTagName('canvas')[0];
    //将转换后的img标签插入到html中
    var img=convertCanvasToImage(mycanvas1);
    oCode.append(img);//imagQrDiv表示你要插入的容器id
</script>

这样直接生成的二维码就可以在微信中长按识别了。