Function getDrawPoint

Canvas 클릭 혹은 터치 좌표를 가져오는 Util 함수입니다.

  • 이벤트 객체와 캔버스 객체를 매개변수로 받아, 캔버스 Element 요소 크기 기준의 상대 좌표를 반환합니다.
  • 좌표는 캔버스 좌측 상단이 (0,0) 입니다.

Throws

인자 e가 MouseEvent나 TouchEvent가 아닐 경우 에러를 던집니다.

Example

const canvas = canvasRef.current;
if (canvas.current) const {x, y} = getDrawPoint(e, canvas.current);
  • getDrawPoint(e, canvas): Point

  • Parameters

    • e: TouchEvent<HTMLCanvasElement> | MouseEvent<HTMLCanvasElement, MouseEvent>

      MouseEvent 혹은 TouchEvent

    • canvas: HTMLCanvasElement

      HTMLCanvasElement 객체

    Returns Point

    사용자 정의 Point 타입 객체

Settings

Member Visibility