Hover event on diamond in canvas?

Question

JavaScript

There is a rhombus on the canvas for which you need to work out the hover event. How to do it? couldn't google anything.
now I'm looking for the hover area through the condition with the coordinates of the mouse and the rhombus itself:

if (x >= box_x && x < box_x + box.width && y >= box_y && y < box_y +  box.height)

but the problem is that the hover area with such a condition is in the form of a square.
tell me how to make a hover on a rhombus?
there may be articles on this topic somewhere, but I did not find

Answer 1

About Kolizhin