Canvas is not clearing, generative images are overlapping

I’m having a problem where the output images are on top of each other. For Example: First generated image is wearing a black hat. Second generated image is generated with no hat but the black hat from image one is still showing.

I have tried : ctx.clearRect(0, 0, canvas.width, canvas.height); but have had no luck as I’m not sure where it has to go.

I have been following the tutorial on youtube Code generative art for NFT in node.js .

Thank you.

[Jubakee]

for(let i = 1; i <= edition; i++){ ctx.clearRect(0, 0, canvas.width, canvas.height); for (const layer of layers) await drawLayer(layer, i); console.log("Creating edition " + i);

};

This works for me. 😁✌️

On Wed, 1 Dec 2021 at 8:51 AM, Marssurterre @.***> wrote:

I have the same problem if you found the solution help me 🙏

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/HashLips/generative-art-node/issues/111#issuecomment-982966588, or unsubscribe https://github.com/notifications/unsubscribe-auth/AWRSAI6GQZOTESRGDFTPEWLUOUTMFANCNFSM5IZPJUXQ . Triage notifications on the go with GitHub Mobile for iOS https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675 or Android https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub.

[uniteXander]

It stopped doing this with your edits! Thanks again!