Javascript jquery.qrcode.js使用徽标呈现给img

我使用jquery.qrcode.js生成带有徽标的qrcode图像。 生成的

上有一个徽标，但当我使用

toDataURL

渲染到

时，徽标消失了。 如何将带有徽标的qrcode图像校正为

？ 这是我的密码

---

您的徽标不会显示，因为您在创建最终画布之前导出了数据URL。向二维码添加徽标是一个异步过程。在创建最终画布后设置图像的

src

，应该可以解决此问题

例如，使用

setTimeout

（虽然这不是一个好的实践，我不知道这个库是否提供了一些回调）

但是，由于徽标来自互联网而不是您的域，您可能会面临

污染画布可能无法导出的问题

你也可以读这个$('#qrcode').qrcode({
    render: 'canvas',
    text: QRCODE,
    width: 600,
    height: 600,
    background: "#ffffff",
    foreground: "#000000",
    src: 'https://wx.style999.com/static/user/img/favicon.ico'
})
$('#qrcode > img').attr('src', $('#qrcode > canvas')[0].toDataURL('image/png'))