javascript – 如何扩展KineticJS形状

对于KineticJS 4.0.0或更低版本,形状扩展了一个类,可以扩展

var MyCircle = Kinetic.Circle.extend({
    init : function(config) {
        this._super(config));
    },
    myFunc : function(){}
});

要么

Kinetic.MyCircle = function (config) {
    Kinetic.Circle.apply(this, [config]);
};
Kinetic.MyCircle .prototype = {
    myFunc: function () {}
};
Kinetic.GlobalObject.extend(Kinetic.MyCircle , Kinetic.Circle);

在版本4.0.1中,他们删除了对类实用程序的依赖关系,并实现了一个应该更快的自定义解决方案.

如何使用新解决方案扩展形状？

解决方法:

然后,Kinetic.GlobalObject成为Kinetic.Global(> 4.0.1)
Kinetic.Global现在是Kinetic.Util(2013版本),这是一个解决方案：

(function() {
    Kinetic.MyCircle = function(config) {
        this._initMyCircle(config);
    };

    Kinetic.MyCircle.prototype = {
        _initMyCircle: function(config) {
            Kinetic.Circle.call(this, config);
            },
        myFunc : function(){
        }
    };

  Kinetic.Util.extend(Kinetic.MyCircle, Kinetic.Circle);
})();

标签：kineticjs,javascript,canvas
来源： https://codeday.me/bug/20191008/1873462.html