From 1493f9b9d3162f87d4b6f015b4e7c915825bc362 Mon Sep 17 00:00:00 2001 From: yjnoh Date: Wed, 23 Oct 2024 10:24:40 +0900 Subject: [PATCH] =?UTF-8?q?=EC=B9=98=EC=88=98=20=ED=91=9C=EA=B8=B0=20?= =?UTF-8?q?=EC=88=98=EC=A0=95?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/hooks/common/useCommonUtils.js | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/src/hooks/common/useCommonUtils.js b/src/hooks/common/useCommonUtils.js index 52106e3e..b4fb4fc8 100644 --- a/src/hooks/common/useCommonUtils.js +++ b/src/hooks/common/useCommonUtils.js @@ -1,8 +1,8 @@ import { useEffect } from 'react' import { useRecoilValue } from 'recoil' import { wordDisplaySelector } from '@/store/settingAtom' -import { checkLineOrientation, getDistance } from '@/util/canvas-util' import { useEvent } from '@/hooks/useEvent' +import { checkLineOrientation, getDistance } from '@/util/canvas-util' export function useCommonUtils({ canvas, commonFunctionState, setCommonFunctionState }) { const wordDisplay = useRecoilValue(wordDisplaySelector) @@ -186,7 +186,7 @@ export function useCommonUtils({ canvas, commonFunctionState, setCommonFunctionS canvas.add(arrow2) // 거리 텍스트가 이미 있으면 업데이트하고, 없으면 새로 생성 - distanceText = new fabric.Text(`${distance}`, { + distanceText = new fabric.Text(`${distance * 10} `, { left: (p1CenterX + p2CenterX) / 2 + (lineDirection === 'horizontal' ? 0 : -15), top: (p1CenterY + p2CenterY) / 2 + (lineDirection === 'horizontal' ? +15 : 0), fill: 'black', @@ -312,19 +312,19 @@ export function useCommonUtils({ canvas, commonFunctionState, setCommonFunctionS const distance3 = getDistance(p3.x, p3.y, p1CenterX, p1CenterY) // 거리 텍스트가 이미 있으면 업데이트하고, 없으면 새로 생성 - distanceText = new fabric.Text(`${distance1}`, { + distanceText = new fabric.Text(`${distance1 * 10}`, { left: (p1CenterX + p2CenterX) / 2, top: (p1CenterY + p2CenterY) / 2, ...textOptions, }) canvas.add(distanceText) - distanceText = new fabric.Text(`${distance2}`, { + distanceText = new fabric.Text(`${distance2 * 10}`, { left: (p2CenterX + p3.x) / 2, top: (p2CenterY + p3.y) / 2, ...textOptions, }) canvas.add(distanceText) - distanceText = new fabric.Text(`${distance3}`, { + distanceText = new fabric.Text(`${distance3 * 10}`, { left: (p3.x + p1CenterX) / 2, top: (p3.y + p1CenterY) / 2, ...textOptions,