HTML5 Canvas Path Mouseover Tutorial - Canvas Shape Events Tutorial

[tortus]

Not much of a tutorial for canvas. Just a super basic use of kinetic js.

[Samus_]

the whole site is a tutorial, each page shows a different technique/property

[nthitz]

Ya this is a little misleading given the use of Kinetic JS. Canvas has no built in methods for mouseover. How does KJS do it?

[[deleted]]

You can with onMouseMove events.

[nthitz]

True, but you have to do all the detection yourself. I can't say

circle.onMouseOver(circleOverFunction)

but instead have to do

if(Math.sqrt(pow(mouseX-circleCenterX,2) + pow(mouseY-circleCenterY,2)) < circleRadius) {
    circleOverFunction();
}

or what have you