@codewell/get-canvas-mouse-position

Get the position of a mouse on a canvas triggered by an event.

Usage no npm install needed!

<script type="module">
  import codewellGetCanvasMousePosition from 'https://cdn.skypack.dev/@codewell/get-canvas-mouse-position';
</script>

README

@codewell/get-canvas-mouse-position

Get the position of a mouse on a canvas triggered by an event.

Installation

npm install @codewell/get-canvas-mouse-position

Basic usage

import getCanvasMousePosition from '@codewell/get-canvas-mouse-position':


const handleClick = (event) => {
  const mousePosition = getCanvasMousePosition(event);
  const {x, y} = mousePosition; // The coordinate that was clicked on the canvas
}

return (
  <canvas onClick={handleClick} />
)