Canvas 컨텍스트를 안전하게 가져오는 유틸리티 함수입니다.

  • canvas 객체를 담은 RefObject 객체를 매개변수로 넘기면 canvas객체와 Context2D 객체를 반환합니다.
  • canvas 객체가 정상적으로 생성되지 않았을 경우 에러를 던집니다.

canvas 객체가 정상적으로 생성되지 않았을 경우

const { canvas, ctx } = getCanvasContext(canvasRef);
  • Parameters

    • canvasRef: RefObject<HTMLCanvasElement>

      canvas 객체를 담은 RefObject 객체

    Returns CanvasContext

    canvas와 Context2D가 포함된 객체