Witam!
Piszę coś na wzór interaktywnej prezentacji w HTML 5 z użyciem kanw. Niestety napotkałem mały problem, który przerósł moje umiejętności. Stworzyłem menu, składające się z prostokątów (i napisów w nich, ale to nie jest ważne), które są transformowane przy użyciu metody setTransform używając takiej macierzy:
[1, -0.1, 0, 1, 0, 0]
Jest to lekkie pochylenie prawego boku ku górze. Problem pojawia się, gdy chcę sprawdzić, czy kursor znajduje się właśnie w takim zmienionym prostokącie.
Pozycję w menu definiuję jako klasę zawierającą między innymi takie zmienne jak left, top, width i height. Do identyfikacji położenia używam właśnie tych czterech, jednak przez nie mogę sprawdzić czy kursor znajduje się na tych właśnie zmienionych koordynatach - jedynie na oryginalnych.
Prosiłbym o wskazanie sposobu jak to zrobić. Będę bardzo wdzięczny :)