jquery.qrcode 生成二維碼帶logo

<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 必須為 同域，否則會因為跨域的問題導致報錯