you can now pass in custom drawFuncs and drawHitFuncs via shape constructors

src/Shape.js

@@ -510,6 +510,14 @@ Kinetic.Shape = (function() {
                 drawFunc.call(this, context);
                 context.restore();
             }
+        },
+        _setDrawFuncs: function() {
+            if(!this.attrs.drawFunc && this.drawFunc) {
+                this.setDrawFunc(this.drawFunc);
+            }
+            if(!this.attrs.drawHitFunc && this.drawHitFunc) {
+                this.setDrawHitFunc(this.drawHitFunc);
+            }
         }
     };
     Kinetic.Global.extend(Shape, Kinetic.Node);

src/shapes/Circle.js

@@ -18,10 +18,10 @@ Kinetic.Circle.prototype = {
         });
 
         this.shapeType = 'Circle';
-        config.drawFunc = this.drawFunc;
 
         // call super constructor
         Kinetic.Shape.call(this, config);
+        this._setDrawFuncs();
     },
     drawFunc: function(context) {
         context.beginPath();

src/shapes/Ellipse.js

@@ -21,10 +21,10 @@ Kinetic.Ellipse.prototype = {
         });
 
         this.shapeType = "Ellipse";
-        config.drawFunc = this.drawFunc;
 
         // call super constructor
         Kinetic.Shape.call(this, config);
+        this._setDrawFuncs();
     },
     drawFunc: function(context) {
         var r = this.getRadius();

src/shapes/Image.js

@@ -18,14 +18,10 @@ Kinetic.Image = function(config) {
 Kinetic.Image.prototype = {
     _initImage: function(config) {
         this.shapeType = "Image";
-        config.drawFunc = this.drawFunc;
-
-        if(!config.drawHitFunc) {
-            config.drawHitFunc = this.drawHitFunc;
-        }
 
         // call super constructor
         Kinetic.Shape.call(this, config);
+		this._setDrawFuncs();
 
         var that = this;
         this.on('imageChange', function(evt) {

src/shapes/Line.js

@@ -21,9 +21,10 @@ Kinetic.Line.prototype = {
         });
 
         this.shapeType = "Line";
-        config.drawFunc = this.drawFunc;
+
         // call super constructor
         Kinetic.Shape.call(this, config);
+        this._setDrawFuncs();
     },
     drawFunc: function(context) {
         var lastPos = {};

src/shapes/Path.js

@@ -18,9 +18,10 @@ Kinetic.Path.prototype = {
         this.dataArray = [];
         var that = this;
 
-        config.drawFunc = this.drawFunc;
         // call super constructor
         Kinetic.Shape.call(this, config);
+        this._setDrawFuncs();
+        
         this.dataArray = Kinetic.Path.parsePathData(this.attrs.data);
         this.on('dataChange', function() {
             that.dataArray = Kinetic.Path.parsePathData(that.attrs.data);

src/shapes/Polygon.js

@@ -18,9 +18,10 @@ Kinetic.Polygon.prototype = {
         });
 
         this.shapeType = "Polygon";
-        config.drawFunc = this.drawFunc;
+
         // call super constructor
         Kinetic.Shape.call(this, config);
+        this._setDrawFuncs();
     },
     drawFunc: function(context) {
         context.beginPath();

src/shapes/Rect.js

@@ -18,9 +18,9 @@ Kinetic.Rect.prototype = {
             cornerRadius: 0
         });
         this.shapeType = "Rect";
-        config.drawFunc = this.drawFunc;
 
         Kinetic.Shape.call(this, config);
+        this._setDrawFuncs();
     },
     drawFunc: function(context) {
         context.beginPath();

src/shapes/RegularPolygon.js

@@ -19,9 +19,10 @@ Kinetic.RegularPolygon.prototype = {
         });
 
         this.shapeType = "RegularPolygon";
-        config.drawFunc = this.drawFunc;
+
         // call super constructor
         Kinetic.Shape.call(this, config);
+        this._setDrawFuncs();
     },
     drawFunc: function(context) {
         context.beginPath();

src/shapes/Sprite.js

@@ -18,17 +18,14 @@ Kinetic.Sprite.prototype = {
             frameRate: 17
         });
 		this.shapeType = "Sprite";
-        config.drawFunc = this.drawFunc;
-        
-        if(!config.drawHitFunc) {
-            config.drawHitFunc = this.drawHitFunc;
-        }
         
         // call super constructor
         Kinetic.Shape.call(this, config);
+        this._setDrawFuncs();
+        
         this.anim = new Kinetic.Animation();
         var that = this;
-        this.on('animationChange.kinetic', function() {
+        this.on('animationChange', function() {
             // reset index when animation changes
             that.setIndex(0);
         });

src/shapes/Star.js

@@ -20,9 +20,10 @@ Kinetic.Star.prototype = {
         });
 
         this.shapeType = "Star";
-        config.drawFunc = this.drawFunc;
+
         // call super constructor
         Kinetic.Shape.call(this, config);
+        this._setDrawFuncs();
     },
     drawFunc: function(context) {
         context.beginPath();

src/shapes/Text.js

@@ -31,9 +31,9 @@ Kinetic.Text.prototype = {
         this.dummyCanvas = document.createElement('canvas');
         this.shapeType = "Text";
 
-        config.drawFunc = this.drawFunc;
         // call super constructor
         Kinetic.Shape.call(this, config);
+        this._setDrawFuncs();
 
         // update text data for certain attr changes
         var attrs = ['fontFamily', 'fontSize', 'fontStyle', 'padding', 'align', 'lineHeight', 'text', 'width', 'height'];

src/shapes/TextPath.js

@@ -27,9 +27,10 @@ Kinetic.TextPath.prototype = {
         this.dataArray = [];
         var that = this;
 
-        config.drawFunc = this.drawFunc;
         // call super constructor
         Kinetic.Shape.call(this, config);
+        this._setDrawFuncs();
+        
         this.dataArray = Kinetic.Path.parsePathData(this.attrs.data);
         this.on('dataChange', function() {
             that.dataArray = Kinetic.Path.parsePathData(this.attrs.data);