Obtener las coordenadas de un clic del ratón en la lona en Javascript

Cuando se trabaja con el elemento canvas en Javascript a veces se necesita para interactuar con el usuario. Puede interactuar con el teclado, pero es más interesante utilizar los eventos de ratón. Si utiliza el último método que hay un problema, no puede utilizar los eventos del ratón con los objetos que se encuentran en el elemento canvas. Que necesita para obtener las coordenadas de un clic del ratón sobre un elemento canvas

Este es el código que utilizo para obtener las coordenadas:

canvas.addEventListener (» mousedown «, getPosition, false);

función getPosition (evento )

{var x = Event.X; />

}

Demostration

Haga clic con el ratón sobre la pantalla en negro:


; obtener las coordenadas sobre lienzo