Use naturalWidth to check image load complete.

Browsers other than IE erroneously report a failed load as complete.

Signed-off-by: Grant Skinner <info@gskinner.com>

Author: gskinner

src/easeljs/display/Bitmap.js

@@ -184,8 +184,8 @@ this.createjs = this.createjs||{};
 	p.getBounds = function() {
 		var rect = this.DisplayObject_getBounds();
 		if (rect) { return rect; }
-		var o = this.sourceRect || this.image;
-		var hasContent = (this.image && (this.image.complete || this.image.getContext || this.image.readyState >= 2));
+		var image = this.image, o = this.sourceRect || image;
+		var hasContent = (image && (image.naturalWidth || image.getContext || image.readyState >= 2));
 		return hasContent ? this._rectangle.setValues(0, 0, o.width, o.height) : null;
 	};
 

src/easeljs/display/Graphics.js

@@ -1979,7 +1979,7 @@ this.createjs = this.createjs||{};
 	 * @return {Fill} Returns this Fill object for chaining or assignment.
 	 */
 	p.bitmap = function(image, repetition) {
-		if (image.complete || image.getContext || image.readyState >= 2) {
+		if (image.naturalWidth || image.getContext || image.readyState >= 2) {
 			var o = this.style = Graphics._ctx.createPattern(image, repetition || "");
 			o.props = {image: image, repetition: repetition, type: "bitmap"};
 		}

src/easeljs/display/SpriteSheet.js

@@ -437,7 +437,7 @@ this.createjs = this.createjs||{};
 					img.src = src;
 				}
 				a.push(img);
-				if (!img.getContext && !img.complete) {
+				if (!img.getContext && !img.naturalWidth) {
 					this._loadCount++;
 					this.complete = false;
 					(function(o) { img.onload = function() { o._handleImageLoad(); } })(this);

src/easeljs/display/SpriteStage.js

@@ -782,7 +782,7 @@ this.createjs = this.createjs||{};
 	 * @protected
 	 **/
 	p._setupImageTexture = function(ctx, image) {
-		if (image && (image.complete || image.getContext || image.readyState >= 2)) {
+		if (image && (image.naturalWidth || image.getContext || image.readyState >= 2)) {
 			// Create and use a new texture for this image if it doesn't already have one:
 			var texture = image.__easeljs_texture;
 			if (!texture) {