JQuery Qrcode是一款開源的二維碼生成插件，可以方便地在網頁中生成二維碼。它支持自定義二維碼的顏色、大小和糾錯級別等，最近添加了一個比較實用的功能---在二維碼中間添加logo圖片。

二維碼中間通常是黑白格子的固定圖案，普通用戶很難去識別出來這個碼是屬于哪個公司或品牌，而添加品牌logo可以有效地增強品牌形象和識別度。要添加logo，首先需要使用Qrcode生成二維碼，然后再在生成的canvas上繪制一個logo圖片。

//引入QRCode插件
<script src="jquery.qrcode.min.js"></script>
//獲取頁面要顯示二維碼的元素
var qrcodeContainer = $("#qrcode");
//設置二維碼參數
var options = {
text: "https://www.baidu.com/",
width: 200,
height: 200,
colorDark : "#000000",
colorLight : "#ffffff",
correctLevel : QRCode.CorrectLevel.H
};
//生成二維碼
qrcodeContainer.qrcode(options);
//在二維碼中間添加logo
var canvas=qrcodeContainer.find('canvas')[0];
var context = canvas.getContext('2d');
var img=new Image();
img.src="logo.png";
//圖片加載完成后畫出圖片
img.onload=function(){
//設置圖片大小
var imgSize = 40;
//計算圖片放置位置
var x = (options.width-imgSize)/2;
var y = (options.height-imgSize)/2;
//繪制圖片
context.drawImage(img, x, y, imgSize, imgSize);
}

如上所示，使用Qrcode生成二維碼后，先通過jQuery獲取canvas元素，然后利用canvas的API繪制圖片。要注意的是，為了避免圖片加載慢或者失敗，需要在圖片加載完成后繪制圖片。添加logo之后的二維碼，不僅使用方便，而且更能展現企業形象，提高品牌知名度。如果您也需要在二維碼中添加logo，可以考慮使用Jquery Qrcode插件。