mkm/goview_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 优化缩放时辅助线的渲染

Browse Source
This commit is contained in:
奔跑的面条 2022-12-22 01:13:40 +08:00
parent 9043fc9493
commit 6c0f488624
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/views/chart/ContentEdit/components/EditRule/index.vue
View File

@ -37,6 +37,7 @@ import { useDesignStore } from '@/store/modules/designStore/designStore'
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore' import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
import { useChartLayoutStore } from '@/store/modules/chartLayoutStore/chartLayoutStore' import { useChartLayoutStore } from '@/store/modules/chartLayoutStore/chartLayoutStore'
import { ChartLayoutStoreEnum } from '@/store/modules/chartLayoutStore/chartLayoutStore.d' import { ChartLayoutStoreEnum } from '@/store/modules/chartLayoutStore/chartLayoutStore.d'
import throttle from 'lodash/throttle'
const chartEditStore = useChartEditStore() const chartEditStore = useChartEditStore()
const chartLayoutStore = useChartLayoutStore() const chartLayoutStore = useChartLayoutStore()
@ -177,7 +178,6 @@ const reDraw = () => {
}, 10) }, 10)
} }
// 滚动居中 // 滚动居中
const canvasPosCenter = () => { const canvasPosCenter = () => {
const { width: containerWidth, height: containerHeight } = $container.value.getBoundingClientRect() const { width: containerWidth, height: containerHeight } = $container.value.getBoundingClientRect()
@ -205,9 +205,9 @@ watch(
setTimeout(() => { setTimeout(() => {
canvasPosCenter() canvasPosCenter()
reDraw() reDraw()
}, 500) }, 400)
} else { } else {
reDraw() throttle(reDraw, 20)
} }
} }
) )