How to add EventListener to a gwt canvas drawing?

Question

If I draw a shape on a GWT canvas (rectangle, circle, whatever), how can I add a EventListener like MouseClick, MouseOver etc to that drawing?

   Canvas canvas = Canvas.createIfSupported();
   Context2d context = canvas.getContext2d();

   context.beginPath();
   context.moveTo(..;
   context.lineTo(..);
   //...
   context.stroke();       
   context.fill();

How can I detect clicks only on this drawing?

Please specify if you want to add listener to the whole canvas or just to the figure you drawn. — Andrey Minogin, Dec 19 '12 at 12:34
No only to the figure. To the whole canvas wouldn't be a problem. — membersound, Dec 19 '12 at 12:36

score 2 · Accepted Answer · answered Dec 19 '12 at 12:43

Canvas provides raster graphics and does not know anything about your figures. So you have two options:

Add event listener to the whole canvas and use some function to determine if (x; y) event point belongs to your figure.
Use SVG instead. With SVG you can create vector figures and add listeners to them.

How to add EventListener to a gwt canvas drawing?

1 Answers1