<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 必须为 同域,否则会因为跨域的问题导致报错

转载于:https://www.cnblogs.com/ygcool/p/5650341.html

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐