<canvas> und <map>

[molily]

Hallo,

du hast verschiedene Möglichkeiten:

• Lege die klickbaren Controls als normale HTML-Elemente mit absoluter Positionierung über die Canvas. So können sie ganz normal Maus-Events entgegennehmen. Das ist wohl das einfachste.
• Berechne bei Mausklicks auf die Canvas, welches Zeichenelement auf der Canvas getroffen wurde, und lass dieses Zeichenelement das Ereignis verarbeiten. Ich habe mir dazu eine Bibliothek geschrieben. Für die Canvas gibt es eine Display-List mit Display-Elementen. Bei einem Klick wird diese durchlaufen und eine Kollisionsabfrage findet statt (über bounding boxes). Bei einem Treffer kann das Display-Element das Ereignis z.B. mit einer click-Methode verarbeiten. Die Bibliothek findest du hier: http://github.com/molily/liquid

Grüße, Mathias