What is the difference between KineticJS draw methods?

Question

What is the difference between KineticJS methods layer.draw(), layer.drawScene() and layer.drawHit()?

Answer 1

Have a look at the source (v4.3.1), l. 3381ff. These are defined on a Kinetic.Container.

    draw: function() {
        this.drawScene();
        this.drawHit();
    },
    drawScene: function(canvas) {
        // do stuff
    },
    drawHit: function() {
        // do stuff
    }

The drawScene is used to draw the shapes onto the drawing canvas.

The drawHit (see example) is used to allow to modify the region where mouse events trigger events. This is done internally using a special Kinetic.HitCanvas.

---

Update: You can find the code inside their Github repository. draw() can be found in Node.js, the other two inside Container.js

Please be aware that Eric discontinued KineticJS.