Are images guaranteed to be loaded?

[ixchow]

Currently, sald produces code like this for images:

  'img/hero1.png' : function(module) {
    var img = new Image();
    img.src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAArElEQVQ4jWNgGHGAEcZInv3/PyUGzU1lZIQbmDz7//8flx9R5DIOXTmGuamMjIzUMAzZUCaqmIQERg2kHFA/2cAEqJqwcQGYyzl05RgYGBgYYGyYZmxg8EcKVgP1fIob8IVp8uz///V8ihuwyTFjM8zUv6f+x+VHDH9efWRgYGBgYBHnZ2BgYGD48+ojHMvbhTr8/f+F8eWt4weQ9WMNXFy2o4NLW3qJUkcRAACG/UtF0Jd+kAAAAABJRU5ErkJggg==";
    module.exports = img;},

When setting an Image's src to an http: URI, the image may or may not be loaded until its onload event fires. We need to test if this is also ever the case with data: URIs, and -- if so -- change the loading code.

[ixchow]

Note, on Chrome on OSX, it appears that an Image with its src set to a data URI immediately has a valid "width" property, at least.

[jslone]

I found this, though it's old enough the results are likely not still valid. The simplest solution seems like it would be to make the function spin in a loop until onload gets called, but that's awfully hacky.