Added CORS support to images generated by EaselJS.

Signed-off-by: Lanny McNie <lanny@gskinner.com>

Author: Lanny McNie

VERSIONS.txt

@@ -12,6 +12,8 @@ Version NEXT [NOT RELEASED]
 - fixed touch/multitouch in IE11
 - fixed issue with -1 mouse pointers (thanks cubica)
 - fixed issue with AlphaMapFilter (thanks Dave)
+- added cross-origin (CORS) support for generated images.
+- included a sample htaccess file in /extras that can be used to serve CORS-safe images.
 
 
 Version 0.7.0 [September 25, 2013]

docs/easeljs_docs-NEXT.zip

@@ -0,0 +1,6 @@
+This directory includes additional code and snippets that might be useful.
+
+** sample.htaccess **
+A linux/unix .htaccess file, which provides a cross-origin header to files served from this directory. This is useful
+for setting up images served on a domain other than where the application is served from. Images must include a
+crossOrigin="Anonymous" attribute. Rename this file to ".htaccess", or add its contents to an existing .htacess file.

examples/assets/preloadjs-NEXT.min.js

@@ -0,0 +1 @@
+Header set Access-Control-Allow-Origin "*"

extras/README.txt

@@ -109,6 +109,7 @@ var p = Bitmap.prototype = new createjs.DisplayObject();
 		this.DisplayObject_initialize();
 		if (typeof imageOrUri == "string") {
 			this.image = document.createElement("img");
+			if (!this._isLocal(imageOrUri)) { this.image.crossOrigin = "Anonymous"; }
 			this.image.src = imageOrUri;
 		} else {
 			this.image = imageOrUri;
@@ -210,6 +211,18 @@ var p = Bitmap.prototype = new createjs.DisplayObject();
 		var hasContent = (this.image && (this.image.complete || this.image.getContext || this.image.readyState >= 2));
 		return hasContent ? this._rectangle.initialize(0, 0, o.width, o.height) : null;
 	};
+
+	/**
+	 * @method _isLocal
+	 * @param {String} path
+	 * @return {Boolean}
+	 * @protected
+	 */
+	p._isLocal = function(path) {
+		var target = document.createElement("a");
+		target.href = path;
+		return target.hostname == "" && target.protocol == "file:";
+	};
 
 	/**
 	 * Returns a clone of the Bitmap instance.

extras/sample.htaccess

@@ -66,7 +66,7 @@ var p = Sprite.prototype = new createjs.DisplayObject();
 // events:
 
 	/**
-	 * Dispatched when an animation reaches its ends.
+	 * Dispatched when an animation reaches its end.
 	 * @event animationend
 	 * @param {Object} target The object that dispatched the event.
 	 * @param {String} type The event type.

lib/easeljs-NEXT.min.js

@@ -263,6 +263,7 @@ var p = SpriteSheet.prototype = new createjs.EventDispatcher();
 				if (typeof img == "string") {
 					var src = img;
 					img = document.createElement("img");
+					if (!this._isLocal(src) && img.crossOrigin === "") { img.crossOrigin = "Anonymous"; }
 					img.src = src;
 				}
 				a.push(img);
@@ -469,5 +470,17 @@ var p = SpriteSheet.prototype = new createjs.EventDispatcher();
 		this._numFrames = ttlFrames;
 	};
 
+	/**
+	 * @method _isLocal
+	 * @param {String} path
+	 * @return {Boolean}
+	 * @protected
+	 */
+	p._isLocal = function(path) {
+		var target = document.createElement("a");
+		target.href = path;
+		return target.hostname == "" && target.protocol == "file:";
+	};
+
 createjs.SpriteSheet = SpriteSheet;
 }());

src/easeljs/display/Bitmap.js

@@ -27,6 +27,6 @@ this.createjs = this.createjs || {};
 	 * @type String
 	 * @static
 	 **/
-	s.buildDate = /*date*/"Thu, 05 Dec 2013 22:43:21 GMT"; // injected by build process
+	s.buildDate = /*date*/"Mon, 09 Dec 2013 21:40:56 GMT"; // injected by build process
 
 })();