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

分类:

技术点:

相关文章: