前端生成二维码中间带logo

前端生成二维码通常通过JavaScript库，如qrcode.js或者jsQR，配合HTML5的Canvas元素来实现。如果你想在二维码中间插入Logo，你可以按照以下步骤操作：

1. 首先，你需要获取二维码的数据和Logo图片资源。

2. 使用库提供的函数创建二维码，比如`new QRCode()`，设置好二维码内容。

3. 创建一个画布（`<canvas>`），并通过`drawAtPosition()`或其他类似方法将二维码绘制到画布上，指定好二维码的位置，一般默认会在左上角。

4. 转换Logo图片为Base64编码或者URL，因为直接在二维码上显示本地图片可能会有跨域限制。

5. 利用`drawImage()`方法，在已有的二维码图像上叠加Logo，将其位置调整到你想要的位置，比如二维码中心偏下的位置。

下面是一个简单的示例代码片段（假设Logo是个base64字符串`logoData`，二维码数据为`qrText`）：

var qrCode = new QRCode(document.getElementById('qr-canvas'), {
    text: qrText,
    width: 200, // 自定义大小
    height: 200,
    colorDark : '#000',
    colorLight : '#fff'
});

// Logo position relative to the QR code size (x and y are percentages)
var logoPos = { x: 0.5, y: 0.8 };
qrCode.drawAtPosition(logoPos.x * qrCode.width, logoPos.y * qrCode.height, logoData);

记得替换实际的`logoData`和`qrText`变量，并根据需要调整Logo位置和尺寸。