jquery.qrcode 生成二维码带logo

<div id="container">这里是二维码显示位置</div>
<script language="JavaScript">
    $(function(){
        var options = {
            render: "canvas",
            ecLevel: 'H',//识别度
            fill: '#000',//二维码颜色
            background: '#ffffff',//背景颜色
            quiet: 2,//边距
            width: 200,//宽度
            height: 200,
            text: "http://www.whui.org",//二维码内容
            //中间logo start
            mode: 4,
            mSize: 11 * 0.01,
            mPosX: 50 * 0.01,
            mPosY: 50 * 0.01,
            image:$('#img-buffer')[0],//logo图片
            //中间logo end
            label: 'jQuery.qrcode',
            fontname: 'Ubuntu',
            fontcolor: '#ff9818',
        };
        $('#container').empty().qrcode(options);
    })
</script>

　　

注意：

增加中间logo的时候，

嵌入的 logo 的 img 对象 <img src="">，直接传 logo 的 url 并没有用，会直接报错出来，必须用img标签的形式。

当 render 为 canvas 时, img.src 可为 非同域
当 render 为 image 时, img.src 必须为 同域，否则会因为跨域的问题导致报错