What is the difference between KineticJS draw methods?

Question

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

Panchromatic

KineticJS is discontinued, KonvaJS is supported – Herrah

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.

Sadirah

Please if you can update the links as they are not working anymore – Herrah

@MahdiAlkhatib I've added some links to the GitHub repo. – Sadirah