jQuery 二维码上的模式 3 似乎无法正常工作

Question

我正在尝试将图像添加到二维码，但 mode 3 似乎不起作用。

var can = document.getElementsByTagName('canvas')[0];
document.getElementsByClassName('qrcodeOut')[0].removeChild(can);
$(".qrcodeOut").qrcode({
    render: 'canvas',
    size: 300,
    fill: fill,
    text: textValue,
    background: backColor,
    mode: 3,
    mSize: 11,
    mPosX: 5,
    mPosY: 0.5,
    src: 'pin.jpg'
});

Answer 1

应该是图片而不是src

var can = document.getElementsByTagName('canvas')[0];
document.getElementsByClassName('qrcodeOut')[0].removeChild(can);
$(".qrcodeOut").qrcode({
    render: 'canvas',
    size: 300,
    fill: fill,
    text: textValue,
    background: backColor,
    mode: 3,
    mSize: 1,
    mPosX: 5,
    mPosY: 0.5,
image: $("img-buffer")[0]
});

我还可以通过在我使用 js FileReader() 进行预览的同一页面上提供预览部分来纠正这个问题。此后在模式 3 下面我使用了 $("#img-buffer")[0]

jQuery 二维码上的模式 3 似乎无法正常工作

Mode 3 on jQuery qrcode seem to not be working

jquery

qr-code