Определение нахождения курсора мыши на фигуре
 

Имеются 2 canvas-а наложенные друг на друга с какими то произвольными фигурами в них.
Примерно так:

Необязательно что это были бы треугольники.
Мне нужно изменить цвет произвольной фигуры при наведение на нее мыши в какой либо цвет.
Метод isPointinPath не годен для более одного canvas-а.
Каким образом определить, что курсор мыши наведен на произвольную фигуру?
Заранее спасибо.

чего это? зная порядок наложения -отдавать приоритет самому верхнему слою , в каком определилась точка.
координаты ничего не мешает получать координаты относительно опр. канвы.

Каким образом я получу подтверждение наведение на зеленый треугольник курсора мыши в данном примере, если поверх него наложен еще один канвас с желтым треугольником?

применить ко всем canvas метод isPointinPath . а он применяется к конкретной канве , а не к картинке на экране
взять то, где максимальный з индекс канвы(если он есть, или поднять идентификаторы свои "слоёв канв") и существует точка.

Или вы canvas называете каждый новый "слой" на одной canvas? Тогда терминологию учить однозначно для начала

слои canvas-ы. Можете пожалуйста привести пример алгоритма