如何设置QRCode嵌入图像

时间:2016-10-30 10:52:53

标签: javascript jquery qr-code

我正在使用Lars Jung撰写的JQuery QRCode。太棒了。

我想嵌入QRCode的图像中心,并且有图像选项。但是,它不会在QR中心显示图像。

图像选项的有效格式是什么?我试图使用直接网址而没有运气,也找不到文档中的任何示例。

$('#mycode').qrcode({
        render: 'image',
        ecLevel: 'H',
        size: 220,
        image: 'http://localhost/logo.png',
        text: 'www.google.com',
        mode: 4,
        label: 'Google',
        fontname: 'sans-serif',
        fill: '#373737',
        fontcolor: '#0080ff',
        mSize: 0.13,
        mPosX: 0.5,
        mPosY: 0.5
        });

1 个答案:

答案 0 :(得分:0)

我在演示源中找到了解决方案。您必须以HTML格式显示徽标。

HTML

<img src="http://localhost/logo.png" id="logo">

JS

{ image : $("#logo")[0] }

这应该是参数&#34; image&#34;

的值

我已尝试过以下操作,但这不起作用

{ image : $("<img />", {src: "http://localhost/logo.png"})[0] }