I don&#39;t have much gui programming experience, so sorry if this is a dumb question.<div><br></div><div>I want to draw a bunch of rectangles and sub-rectangles on a canvas and have something happen when each sub-rectangle is moused over. I was thinking about just making each sub-rectangle its own canvas so it can handle the &#39;enter mouse event, but some of the rectangles need to be rotated so I don&#39;t think that would work.</div>

<div><br></div><div>Ideally I want to define each rectangle as it&#39;s own entity with sub-rectangles inside of it that can handle mouse events. Then I want to be able to translate and rotate that entity (or place it on the canvas) and have the mouse-handling regions automatically move with it. However, I don&#39;t know of anything that can both be drawn with a transformation matrix and handle mouse events at the same time, so I&#39;m wondering what things I need to put together and how I should combine them to get the desired behavior.</div>

<div><br></div><div>Any suggestions would be appreciated. Thanks.</div><div><br></div><div>-Nick</div>