Canvas kurz & gut

Treffererkennung

Die Methode isPointInPath() ermittelt, ob ein angegebener Punkt in den aktuellen Pfad (oder auf seine Grenzen) fällt, und liefert true, wenn das der Fall ist, andernfalls false. Der Punkt, den Sie dieser Methode übergeben, befindet sich im Standardkoordinatensystem und wird nicht transformiert. Das macht die Methode zur Treffererkennung geeignet, was bedeutet, zu prüfen, ob ein Mausklick über einer bestimmten Figur erfolgte.

Sie können die clientX- und clientY-Felder eines MouseEvent-Objekts allerdings nicht direkt an isPointInPath() übergeben. Erst müssen die Koordinaten des Maus-Events so übersetzt werden, dass sie sich auf das Canvas-Element und nicht auf das Window-Objekt beziehen. Außerdem müssen die Koordinaten des Maus-Events ...