本来想用github发pull request的，一直clone失败
GComponent.prototype._updateGraphics = function() {
// @ts-ignore.
let graphics = this._graphics;
if (!graphics) {
return;
}
this.onDraw(graphics);
}

/**
* mask 用于绘制罩子的函数.
* this 指向mask 对象,需要特别注意.
* @param graphics
*/
GComponent.prototype.onDraw = function(graphics) {
// Share render data with graphics content
graphics.clear(false);
let node = this.node;
let width = node.width;
let height = node.height;
let x = -width * node.anchorX;
let y = -height * node.anchorY;
graphics.roundRect(x, y, width, height, this.radius || 0);
if (cc.game.renderType === cc.game.RENDER_TYPE_CANVAS) {
graphics.stroke();
} else {
graphics.fill();
}
}

GComponent.prototype.onMaskReady = function () {
this.off(fgui.Event.DISPLAY, this.onMaskReady, this);
if (this._maskContent instanceof fgui.GImage) {
this._customMask.type = cc.Mask.Type.IMAGE_STENCIL;
this._customMask.alphaThreshold = 0.0001;
this._customMask.spriteFrame = this._maskContent._content.spriteFrame;
}
else if (this._maskContent instanceof fgui.GGraph) {
if (this._maskContent.type == 2)
this._customMask.type = cc.Mask.Type.ELLIPSE;
else {
this._customMask.type = cc.Mask.Type.RECT;
let r = this._maskContent._cornerRadius[0];
let _radius = r >= 0 ? r : 0;
if (_radius < 1) {
_radius = Math.min(this.node.width, this.node.height) * _radius;
}
this._customMask["radius"] = _radius;
this._customMask["onDraw"] = this.onDraw.bind(this._customMask);
this._customMask["_updateGraphics"] = this._updateGraphics.bind(this._customMask);
this._customMask.type = cc.Mask.Type.RECT;
}
}
};主要修改GComponent.prototype.onMaskReady 查看全部

GComponent.prototype._updateGraphics = function() {

            // @ts-ignore.

            let graphics = this._graphics;

            if (!graphics) {

                return;

            }

            this.onDraw(graphics);

        }



        /**

         * mask 用于绘制罩子的函数.

         * this 指向mask 对象,需要特别注意.

         * @param graphics

         */

         GComponent.prototype.onDraw = function(graphics) {

            // Share render data with graphics content

            graphics.clear(false);

            let node = this.node;

            let width = node.width;

            let height = node.height;

            let x = -width * node.anchorX;

            let y = -height * node.anchorY;

            graphics.roundRect(x, y, width, height, this.radius || 0);

            if (cc.game.renderType === cc.game.RENDER_TYPE_CANVAS) {

                graphics.stroke();

            } else {

                graphics.fill();

            }

        }



        GComponent.prototype.onMaskReady = function () {

            this.off(fgui.Event.DISPLAY, this.onMaskReady, this);

            if (this._maskContent instanceof fgui.GImage) {

                this._customMask.type = cc.Mask.Type.IMAGE_STENCIL;

                this._customMask.alphaThreshold = 0.0001;

                this._customMask.spriteFrame = this._maskContent._content.spriteFrame;

            }

            else if (this._maskContent instanceof fgui.GGraph) {

                if (this._maskContent.type == 2)

                    this._customMask.type = cc.Mask.Type.ELLIPSE;

                else {

                    this._customMask.type = cc.Mask.Type.RECT;

                    let r = this._maskContent._cornerRadius[0];

                    let _radius = r >= 0 ? r : 0;

                    if (_radius < 1) {

                        _radius = Math.min(this.node.width, this.node.height) * _radius;

                    }

                    this._customMask["radius"] = _radius;

                    this._customMask["onDraw"] = this.onDraw.bind(this._customMask);

                    this._customMask["_updateGraphics"] = this._updateGraphics.bind(this._customMask);

                    this._customMask.type = cc.Mask.Type.RECT;

                }

            }

        };