[Bug]: Sometime cannot load image from base64

[huy-lv]

CheckList

• I agree to follow this project's Code of Conduct
• I have read and followed the Contributing Guide
• I have read and followed the Issue Tracker Guide
• I have searched and referenced existing issues and discussions
• I am filing a BUG report.
• I have managed to reproduce the bug after upgrading to the latest version
• I have created an accurate and minimal reproduction

Version

5.3.0

In What environments are you experiencing the problem?

Chrome

Node Version (if applicable)

14.19.3

Link To Reproduction

https://jsfiddle.net/huylv177/62rwofk5/12/

Steps To Reproduce

1. I use fabric.Image.fromURL(base64) to add image to canvas, but sometime its show empty page. I logged callback from fromURL function below:

• When website show empty canvas

• When website show correct image

Expected Behavior

Show correct image

Actual Behavior

Show nothing

Error Message & Stack Trace

No response

[ShaMan123]

I can reproduce but not sure what is going on.
Workaround: https://jsfiddle.net/g2h6mn41/ use the dom to load the image

[melchiar]

@huy-lv you're referencing the base64 variable before you've defined it

https://jsfiddle.net/melchiar/65jecvxt/