ヒット領域のDisplayObject.suppressCrossDomainErrors対応

/**
* Suppresses errors generated when using features like hitTest, mouse events, and {{#crossLink "getObjectsUnderPoint"}}{{/crossLink}}
* with cross domain content.
* @property suppressCrossDomainErrors
* @static
* @type {Boolean}
* @default false
**/

DisplayObject.suppressCrossDomainErrors = false;

/**
* @method _testHit   
* @protected     
* @param {CanvasRenderingContext2D} ctx  
* @return {Boolean}  
**/
p._testHit = function(ctx) {
try {
var hit = ctx.getImageData(0, 0, 1, 1).data[3] > 1;     
} catch (e) {   
if (!DisplayObject.suppressCrossDomainErrors) {
throw "An error has occurred. This is most likely due to security restrictions on reading canvas pixel data with local or cross-domain images.";
            }
        }
        return hit;
    };
getImageData();

    /**
     * @method _getObjectsUnderPoint
     * @param {Number} x
     * @param {Number} y
     * @param {Array} arr
     * @param {Boolean} mouse If true, it will respect mouse interaction properties like mouseEnabled, mouseChildren, and active listeners.
     * @param {Boolean} activeListener If true, there is an active mouse event listener on a parent object.
     * @param {Number} currentDepth Indicates the current depth of the search.
     * @return {DisplayObject}
     * @protected
     **/
    p._getObjectsUnderPoint = function(x, y, arr, mouse, activeListener, currentDepth) {
        currentDepth = currentDepth || 0;
        if (!currentDepth && !this._testMask(this, x, y)) { return null; }
        var mtx, ctx = createjs.DisplayObject._hitTestContext;
        activeListener = activeListener || (mouse&&this._hasMouseEventListener());

        // draw children one at a time, and check if we get a hit:
        var children = this.children, l = children.length;
        for (var i=l-1; i>=0; i--) {
            var child = children[i];
            var hitArea = child.hitArea;
            if (!child.visible || (!hitArea && !child.isVisible()) || (mouse && !child.mouseEnabled)) { continue; }
            if (!hitArea && !this._testMask(child, x, y)) { continue; }

            // if a child container has a hitArea then we only need to check its hitAre2a, so we can treat it as a normal DO:
            if (!hitArea && child instanceof Container) {
                var result = child._getObjectsUnderPoint(x, y, arr, mouse, activeListener, currentDepth+1);
                if (!arr && result) { return (mouse && !this.mouseChildren) ? this : result; }
            } else {
                if (mouse && !activeListener && !child._hasMouseEventListener()) { continue; }

                // TODO: can we pass displayProps forward, to avoid having to calculate this backwards every time? It's kind of a mixed bag. When we're only hunting for DOs with event listeners, it may not make sense.
                var props = child.getConcatenatedDisplayProps(child._props);
                mtx = props.matrix;

                if (hitArea) {
                    mtx.appendMatrix(hitArea.getMatrix(hitArea._props.matrix));
                    props.alpha = hitArea.alpha;
                }

                ctx.globalAlpha = props.alpha;
                ctx.setTransform(mtx.a,  mtx.b, mtx.c, mtx.d, mtx.tx-x, mtx.ty-y);
                (hitArea||child).draw(ctx);
                if (!this._testHit(ctx)) { continue; }
                ctx.setTransform(1, 0, 0, 1, 0, 0);
                ctx.clearRect(0, 0, 2, 2);
                if (arr) { arr.push(child); }
                else { return (mouse && !this.mouseChildren) ? this : child; }
            }
        }
        return null;
    };

card_01_hit = new createjs.Shape();
card_01.hitArea = card_01_hit;
stage.addChild(card_01_hit);
card_01_hit.graphics.beginFill("rgba(255,255,255,0.05)").drawCircle(card_01.x+75, card_01.y+75, 75);

card_01_hit.on("click", function(e) {.....}