Skip to content

onPointerEvents()

ts
function onPointerEvents(
  canvas: HTMLCanvasElement,
  handlers: {
    enter?: (args: HandlerArgs) => void;
    move?: (args: HandlerArgs) => void;
    leave?: (args: HandlerArgs) => void;
    down?: (args: HandlerArgs) => void;
    up?: (args: HandlerArgs) => void;
  },
): {
  stop: () => void;
  listen: () => void;
};

Listen to pointer events on a canvas and provide the pointer position, canvas bounding rect and center to the handlers.

Parameters

canvas

HTMLCanvasElement

handlers

enter?

(args: HandlerArgs) => void

move?

(args: HandlerArgs) => void

leave?

(args: HandlerArgs) => void

down?

(args: HandlerArgs) => void

up?

(args: HandlerArgs) => void

Returns

ts
{
  stop: () => void;
  listen: () => void;
}
NameType
stop()() => void
listen()() => void

Released under the MIT License.