如何将WhatsApp Web API返回的二维码对象在Electron窗口显示？

我正在使用whatsapp-web-js结合Electron与Node.js开发，代码运行正常，已在控制台获取到一个二维码对象，格式如下：

2@PZ0Jyz7rHCXZNd+YO4CQNqH4wyBNSfe9nvaBX5iDRznIge9R5l5Q9bc/HAWdyBX9Vw0hlM5ah6qzSg==,jeZP7wCKb7yHxDNVFoZxVwz/sNyGHSdRA5+40LuJdDY=,uvsK+Vkh5GT/hYEn8JtjhXd5HVFy5LNXURjTCzQhjW0=,EO4NKNizL7glVU8uMnG+nvPRdA2/ObE8Ay9Zh/EoXLo=

现在需要解决如何将该二维码对象从控制台展示到Electron浏览器窗口的问题。我尝试了以下代码：

client.on('qr', (qr) => {
    console.log('QR RECEIVED', qr);
    var qrCanvas = document.getElementById('qrcode');
    var ctx = qrCanvas.GetContext('2d');
    var img = new Image;
    img.onload = function() 
    {
        ctx.drawImage(img,0,0,img.width,img.height);
    }
    img.src = qr;
});

但该代码无法正常显示二维码。我了解qrcode-terminal模块，但需在Electron窗口而非终端显示；尝试过多款二维码生成器，它们仅支持从文本生成，无法处理当前的二维码对象。

内容的提问来源于stack exchange，提问作者Martijn Deleij