Как реализовать событие hover на сложных фигурах?
Рисуйте фигуры с помощью svg ( например raphaeljs.com )
И вешайте обработчик как на обычный dom элемент.
На событие mousemove для родительского элемента прямоугольного) вешать обработчик, который будет проверять нахождение курсора внутри требуемой фигуры (как решать задачу о принадлежности точки фигуре, решать вам) и на основании этого выполнять или не выполнять какие-то действия (имитировать hover).