mirrors/misskey
1
0
Fork 1
mirror of https://github.com/misskey-dev/misskey.git synced 2026-07-25 09:45:04 +02:00
Code Releases Activity

fix: 画面外にドラッグできるのを修正

Browse Source
This commit is contained in:
kakkokari-gtyih
2026-07-11 20:15:57 +09:00
parent 626920b9ca
commit ea2ddc2620
1 changed files with 35 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
packages/frontend/src/components/MkImageGallery.item.vue
View File

@@ -317,6 +317,26 @@ const hideForFallback = ref(!canOpenAnimation);
const isZooming = ref(false);
function clampZoomTransform(nextTransform: { x: number; y: number; scale: number }) {
if (mainEl.value == null || nextTransform.scale <= 1) {
return {
x: 0,
y: 0,
scale: nextTransform.scale,
};
}
const rect = mainEl.value.getBoundingClientRect();
const minX = rect.width - rect.width * nextTransform.scale;
const minY = rect.height - rect.height * nextTransform.scale;
return {
x: Math.min(0, Math.max(minX, nextTransform.x)),
y: Math.min(0, Math.max(minY, nextTransform.y)),
scale: nextTransform.scale,
};
}
function zoomInTo(x: number, y: number, factor = 1.1, withAnimation = false) {
if (mainEl.value == null) return;
@@ -334,9 +354,11 @@ function zoomInTo(x: number, y: number, factor = 1.1, withAnimation = false) {
enableTransition.value = true;
}
transform.value.x = newTranslationX;
transform.value.y = newTranslationY;
transform.value.scale = newScale;
transform.value = clampZoomTransform({
x: newTranslationX,
y: newTranslationY,
scale: newScale,
});
}
function resetToNeutral() {
@@ -490,8 +512,11 @@ function onPointermove(ev: PointerEvent) {
}
if (isZooming.value) {
transform.value.x += deltaX;
transform.value.y += deltaY;
transform.value = clampZoomTransform({
x: transform.value.x + deltaX,
y: transform.value.y + deltaY,
scale: transform.value.scale,
});
} else {
if (isVerticalSwiping) {
transform.value.y += deltaY;
@@ -614,8 +639,11 @@ function updateInertia(timeStamp: number) {
if (isDragging) return;
if (!isZooming.value) return;
if (Math.abs(pointerVec.x) < 0.01 && Math.abs(pointerVec.y) < 0.01) return;
transform.value.x += pointerVec.x * timeDelta;
transform.value.y += pointerVec.y * timeDelta;
transform.value = clampZoomTransform({
x: transform.value.x + pointerVec.x * timeDelta,
y: transform.value.y + pointerVec.y * timeDelta,
scale: transform.value.scale,
});
pointerVec.x *= inertiaFactor ** (timeDelta / 16.67);
pointerVec.y *= inertiaFactor ** (timeDelta / 16.67);
}