github/PPTist
1
0
Fork 0
mirror of https://github.com/pipipi-pikachu/PPTist.git synced 2025-04-15 02:20:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: 画布缩放后定位异常（#275）

Browse Source
This commit is contained in:
zxc 2024-06-11 22:41:37 +08:00
parent 43f3856275
commit 0a2cc37f81
1 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/Editor/Canvas/hooks/useViewportSize.ts
View File

@ -37,19 +37,28 @@ export default (canvasRef: Ref<HTMLElement | undefined>) => {
const canvasWidth = canvasRef.value.clientWidth const canvasWidth = canvasRef.value.clientWidth
const canvasHeight = canvasRef.value.clientHeight const canvasHeight = canvasRef.value.clientHeight
const newViewportActualWidth = canvasWidth * (newValue / 100) if (canvasHeight / canvasWidth > viewportRatio.value) {
const oldViewportActualWidth = canvasWidth * (oldValue / 100) const newViewportActualWidth = canvasWidth * (newValue / 100)
const newViewportActualHeight = canvasHeight * (newValue / 100) const oldViewportActualWidth = canvasWidth * (oldValue / 100)
const oldViewportActualHeight = canvasHeight * (oldValue / 100) const newViewportActualHeight = newViewportActualWidth * viewportRatio.value
const oldViewportActualHeight = oldViewportActualWidth * viewportRatio.value
if (canvasHeight / canvasWidth > viewportRatio.value) {
mainStore.setCanvasScale(newViewportActualWidth / VIEWPORT_SIZE) mainStore.setCanvasScale(newViewportActualWidth / VIEWPORT_SIZE)
viewportLeft.value = viewportLeft.value - (newViewportActualWidth - oldViewportActualWidth) / 2
viewportTop.value = viewportTop.value - (newViewportActualHeight - oldViewportActualHeight) / 2
} }
else { else {
const newViewportActualHeight = canvasHeight * (newValue / 100)
const oldViewportActualHeight = canvasHeight * (oldValue / 100)
const newViewportActualWidth = newViewportActualHeight / viewportRatio.value
const oldViewportActualWidth = oldViewportActualHeight / viewportRatio.value
mainStore.setCanvasScale(newViewportActualHeight / (VIEWPORT_SIZE * viewportRatio.value)) mainStore.setCanvasScale(newViewportActualHeight / (VIEWPORT_SIZE * viewportRatio.value))
viewportLeft.value = viewportLeft.value - (newViewportActualWidth - oldViewportActualWidth) / 2
viewportTop.value = viewportTop.value - (newViewportActualHeight - oldViewportActualHeight) / 2
} }
viewportLeft.value = viewportLeft.value - (newViewportActualWidth - oldViewportActualWidth) / 2
viewportTop.value = viewportTop.value - (newViewportActualHeight - oldViewportActualHeight) / 2
} }
// 可视区域缩放或比例变化时，重置/更新可视区域的位置 // 可视区域缩放或比例变化时，重置/更新可视区域的位置