javascript - 如何扩展 KineticJS 形状

标签 javascript canvas 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);
})();

关于javascript - 如何扩展 KineticJS 形状,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14892827/

相关文章:

javascript - 如何使用 React 或 CSS 使 <li> 的动画淡入淡出?

javascript - 如何触发文本输入事件以绕过应用程序的验证?

javascript - 如何在谷歌电子表格中应用多循环

javascript - 透明图像始终位于 Canvas 之上。在透明图像后面绘制

javascript - Kineticjs - 在循环内设置 Canvas 上多个图像的位置

javascript - 如何在 Canvas 上的图像上包裹文本

html5 Canvas kineticjs 事件

javascript - 使用 .css 文件中的 CSS 属性的 JQuery 创建元素

javascript - paper.js 沿路径的动画

javascript - Canvas - 使用 php 或 js 保存到图像