sendevia/website
1
0
Fork 0
mirror of https://github.com/sendevia/website.git synced 2026-03-05 23:32:45 +08:00
Code Activity

feat(image-viewer): update maximum zoom level and adjust drag calculations for improved image navigation

Browse Source
This commit is contained in:
sendevia
2025-11-14 19:19:01 +08:00
parent 52e8bc2fca
commit 29364f4c20
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
.vitepress/theme/components/ImageViewer.vue
View File

@@ -18,7 +18,7 @@ const emit = defineEmits<{
// 缩放配置常量
const ZOOM_MIN = 0.9; // 最小缩放
const ZOOM_MAX = 1.6; // 最大缩放
const ZOOM_MAX = 2.0; // 最大缩放
const ZOOM_STEP = 0.15; // 缩放步长
const TOUCH_MOVE_THRESHOLD = 10; // 触摸移动阈值 (px)
@@ -256,8 +256,8 @@ function handleMouseMove(event: MouseEvent) {
event.preventDefault();
// 计算光标移动的偏移量
const deltaX = event.clientX - dragStartPosition.value.x;
const deltaY = event.clientY - dragStartPosition.value.y;
const deltaX = (event.clientX - dragStartPosition.value.x) / imageScale.value;
const deltaY = (event.clientY - dragStartPosition.value.y) / imageScale.value;
// 直接设置图片位置，使点击点跟随光标
imagePosition.value = {