How to implement hover event on complex shapes?

Question

Canvas

Greetings.
Tell me how to catch the hover event on complex shapes that are drawn, for example, using Bezier curves. For them after all it will not turn out simply to compare coordinates?

Answer 1

Draw shapes with svg (like raphaeljs.com )
and hang the handler like a normal dom element.

Answer 2

Attach a handler to the mousemove event for the parent element of a rectangular one, which will check if the cursor is inside the required shape (it's up to you how to solve the problem of whether the point belongs to the shape) and, based on this, perform or not perform some actions (simulate hover).