Empty QR Code on multiple new Qrious()

[jeremy-saidani]

Hi,

I have an old problem with Qrious.
first, I'm using it in an ionic project.

I need to generate base64 QR Code, that works fine for the first QR Code, but all the next QR Code are empty. And the result of toDataURL() are the same.

Here is my code :

var q1 = new Qrious({ value: 'commande-111595', size: 300, });
var q2 = new Qrious({ value: 'article-5555', size: 300, background:'black', foreground:'white', });
var q3 = new Qrious({ value: 'test-test', size: 300, background:'red', foreground:'white', });

console.log(q1); console.log(q1.toDataURL());

console.log(q2); console.log(q2.toDataURL());

console.log(q3); console.log(q3.toDataURL());

And that's the result of the console.log :
{_background: "white", _backgroundAlpha: 1, _element: undefined, _foreground: "black", _foregroundAlpha: 1, …}
data:image/png;base64,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
{_background: "black", _backgroundAlpha: 1, _element: undefined, _foreground: "white", _foregroundAlpha: 1, …}
data:image/png;base64,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
{_background: "red", _backgroundAlpha: 1, _element: undefined, _foreground: "white", _foregroundAlpha: 1, …}
data:image/png;base64,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

The second and the third are shorter than the first, and excactly the same

Hope someone could help me !

[mst94]

I've got the same issue, only the last qr code canvas I created inside my for-loop is filled.
All canvas have an unique id.

Does somebody have a glue how qrious works for creating several qr codes at once?

[ROBERT-MCDOWELL]

did you try to destroy the previous Qrious object completely?
alos it's better to use a loop and create the Qrious object inside the loop then destroy it.

[mst94]

I tried it this way:

window.addEventListener("load", function() {
        for (task of tasks) {
            document.getElementById("tasks").innerHTML += `  <div class="task-container">
            <div>${task.Task}</div>
            <canvas id="qrcode_${task.ID}"></canvas> 
            </div>`;
            const code = new QRious({ element: document.getElementById("qrcode_" +task.ID), value: "https://example.com" });
            delete code;
        }
    });

Only the ver last canvas is filled with an qr code, but all canvas are existing.

[ROBERT-MCDOWELL]

this logic does not look very efficient indeed.... I don't remember but maybe there is a destroy() or clear() method in qrious class