[英]In Kinetic.js, prototyping node doesn't effect all children?
Kinetic.Node.prototype.test = function() {
alert('worked');
};
var d = new Kinetic.Image({});
d.test();
我正在尝试向Kinetic.Node添加一个原型方法,以便它可以扩展到它的所有对象,这似乎不适用于某些对象,并且适用于其他对象。
难道我做错了什么?
问题是在创建Kinetic对象期间复制了所有方法,然后连接似乎被遗忘:
// v4.3.1, l. 54
Kinetic.Global.extend(Kinetic.SceneCanvas, Kinetic.Canvas);
// v4.3.1, l. 785
extend: function(c1, c2) {
for(var key in c2.prototype) {
if(!( key in c1.prototype)) {
c1.prototype[key] = c2.prototype[key];
}
}
},
一种可能性是使用KineticJS自己的扩展机制将其他原型条目复制到Kinetic哈希中的ctor函数:
var KineticMixin = function() {};
KineticMixin.prototype = {
doSomething : function () { console.log("yo-ho-ho"); }
};
for(var key in Kinetic) {
if(Kinetic.Type._isFunction(Kinetic[key])) {
Kinetic.Global.extend(Kinetic[key], KineticMixin);
}
}
var d = new Kinetic.Image({});
d.doSomething();
如果要扩展的ctor函数已经有一个具有该名称的条目,则它将被忽略。 因此,复制和修改extend
函数以解决这个问题可能是个好主意。 只是在Kinetic对象中运行所有键似乎是不可能的事情。 也许明确有一个更好的方法。
定义对象时声明原型。 当它被实例化时,它与KineticJS中的原型没有任何关系,afaik。
要重新定义对象的原型,可以再次运行以下内容以添加Kinetic.Node的其他原型。
Kinetic.Global.extend(Kinetic.Container, Kinetic.Node);
Kinetic.Global.extend(Kinetic.Shape, Kinetic.Node);
Kinetic.Global.extend(Kinetic.Group, Kinetic.Container);
Kinetic.Global.extend(Kinetic.Layer, Kinetic.Container);
Kinetic.Global.extend(Kinetic.Stage, Kinetic.Container);
Kinetic.Global.extend(Kinetic.Circle, Kinetic.Shape);
Kinetic.Global.extend(Kinetic.Ellipse, Kinetic.Shape);
Kinetic.Global.extend(Kinetic.Image, Kinetic.Shape);
Kinetic.Global.extend(Kinetic.Line, Kinetic.Shape);
Kinetic.Global.extend(Kinetic.Path, Kinetic.Shape);
Kinetic.Global.extend(Kinetic.Polygon, Kinetic.Shape);
Kinetic.Global.extend(Kinetic.Rect, Kinetic.Shape);
Kinetic.Global.extend(Kinetic.RegularPolygon, Kinetic.Shape);
Kinetic.Global.extend(Kinetic.Sprite, Kinetic.Shape);
Kinetic.Global.extend(Kinetic.Star, Kinetic.Shape);
Kinetic.Global.extend(Kinetic.Text, Kinetic.Shape);
Kinetic.Global.extend(Kinetic.TextPath, Kinetic.Shape);
Kinetic.Global.extend(Kinetic.Wedge, Kinetic.Shape);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.