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