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