jquery.qrcode 生成二维码带logo

时间:2022-11-18 22:18:21
<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 必须为 同域,否则会因为跨域的问题导致报错