54 lines
1.5 KiB
JavaScript
54 lines
1.5 KiB
JavaScript
import { useRecoilState, useRecoilValue, useResetRecoilState } from 'recoil'
|
|
import { canvasState, dotLineGridSettingState, dotLineIntervalSelector } from '@/store/canvasAtom'
|
|
import { calculateDistance } from '@/util/canvas-util'
|
|
import { useAdsorptionPoint } from '@/hooks/useAdsorptionPoint'
|
|
import { gridColorState } from '@/store/gridAtom'
|
|
|
|
export function useDotLineGrid() {
|
|
const canvas = useRecoilValue(canvasState)
|
|
const gridColor = useRecoilValue(gridColorState)
|
|
const [dotLineGridSetting, setDotLineGridSettingState] = useRecoilState(dotLineGridSettingState)
|
|
const interval = useRecoilValue(dotLineIntervalSelector) // 가로 세로 간격
|
|
|
|
const { adsorptionRange } = useAdsorptionPoint()
|
|
|
|
const resetDotLineGridSetting = useResetRecoilState(dotLineGridSettingState)
|
|
|
|
const getLineGrids = () => {
|
|
return canvas.getObjects().filter((obj) => obj.name === 'lineGrid' || obj.name === 'tempGrid')
|
|
}
|
|
|
|
const getClosestLineGrid = (point) => {
|
|
const lines = getLineGrids()
|
|
if (lines.length === 0) {
|
|
return null
|
|
}
|
|
|
|
let closestLine = null
|
|
let minDistance = Infinity
|
|
|
|
lines.forEach((line) => {
|
|
const distance = calculateDistance(point, line)
|
|
|
|
if (distance < minDistance) {
|
|
minDistance = distance
|
|
closestLine = line
|
|
}
|
|
})
|
|
|
|
if (minDistance > adsorptionRange) {
|
|
return null
|
|
}
|
|
|
|
return closestLine
|
|
}
|
|
|
|
return {
|
|
dotLineGridSetting,
|
|
resetDotLineGridSetting,
|
|
getLineGrids,
|
|
getClosestLineGrid,
|
|
interval,
|
|
}
|
|
}
|