生成二维码实现微信长按识别二维码

892 阅读1分钟

canvas标签转换为img标签实现微信长按识别二维码

//导入文件
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

<div id="qrcode"></div>

<script>
    var superior = $('#superiorid').val();

    var url = __URL("APP_MAIN/member/doInvite?&superior="+superior);

    $('#qrcode').qrcode({

        width: 150,

        height: 150,

        text: url
    });

    var mycanvas=document.getElementsByTagName('canvas')[0];

    var img=convertCanvasToImage(mycanvas);

    // canvas.toDataURL 返回的是一串Base64编码的URL

    $('#qrcode').html(img);//插入图片

    $('img').css('border', '10px solid #ffffff');//为二维码添加白色边框

    function convertCanvasToImage(canvas) {
    
        var image = new Image();

        image.src = canvas.toDataURL("image/png");// 指定格式

        return image;
    }
    </script>

text    设置二维码内容

render  设置渲染方式 (有两种方式 table和canvas,默认是canvas)

width   设置宽度

height  设置高度

typeNumber  计算模式    

correctLevel 纠错等级    

background 背景颜色    

foreground 前景颜色 


传送门

PS:jquery.qrcode生成二维码内容目前不支持中文