Function useCoordinateScale

캔버스 크기 변경 시 사용하는 hook입니다. 드로잉 좌표를 올바른 곳에 맞춰주는 조정값을 계산하여 RefObject 객체로 반환해줍니다.

  • 리턴 배열의 첫 번째 인자는 조정값이며, 두 번째 인자는 조정값을 곱한 계산 좌표를 구해주는 콜백입니다.

Example

  • hook 호출부
const [coordinateScaleRef, convertCoordinate] = useCoordinateScale(MAINCANVAS_RESOLUTION_WIDTH, mainCanvasRef);
  • 조정값 사용
const [drawX, drawY] = convertCoordinate(getDrawPoint(e, canvas));
  • useCoordinateScale(resolutionWidth, canvas): {
        convertCoordinate: ((__namedParameters: Point) => Point);
        coordinateScale: MutableRefObject<number>;
    }

  • Parameters

    • resolutionWidth: number

      해당소 width 크기를 받습니다.

    • canvas: RefObject<HTMLCanvasElement>

      조정값 계산을 적용할 canvas RefObject 객체를 받습니다.

    Returns {
        convertCoordinate: ((__namedParameters: Point) => Point);
        coordinateScale: MutableRefObject<number>;
    }

    [RefObject 조정값, 조정값 반영 함수]

    • convertCoordinate: ((__namedParameters: Point) => Point)
        • (__namedParameters): Point

        • Parameters

          • __namedParameters: Point

          Returns Point

    • coordinateScale: MutableRefObject<number>

Settings

Member Visibility