usbharu
/
misskey
mirror of https://github.com/misskey-dev/misskey.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Update MkImageEffectorDialog.vue

This commit is contained in:
syuilo 2025-09-16 21:26:06 +09:00
parent 7c840c2fc4
commit 7001d879fd
1 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
packages/frontend/src/components/MkImageEffectorDialog.vue
View File

@ -235,9 +235,6 @@ function onImagePointerdown(ev: PointerEvent) {
xOffset = AW - BW * (AH / BH); xOffset = AW - BW * (AH / BH);
} }
const imageXRatio = xOffset === 0 ? Math.max(BH / BW, 1) : Math.max(BW / BH, 1);
const imageYRatio = xOffset === 0 ? Math.max(BW / BH, 1) : Math.max(BH / BW, 1);
xOffset /= 2; xOffset /= 2;
yOffset /= 2; yOffset /= 2;
@ -245,11 +242,11 @@ function onImagePointerdown(ev: PointerEvent) {
let startY = ev.offsetY - yOffset; let startY = ev.offsetY - yOffset;
if (AW / AH < BW / BH) { // 横長 if (AW / AH < BW / BH) { // 横長
startX = (startX - PADDING) / ((Math.max(AW, AH) / imageXRatio) - (PADDING * 2)); startX = (startX - PADDING) / ((Math.max(AW, AH) / Math.max(BH / BW, 1)) - (PADDING * 2));
startY = (startY - PADDING) / ((Math.max(AW, AH) / imageYRatio) - (PADDING * 2)); startY = (startY - PADDING) / ((Math.max(AW, AH) / Math.max(BW / BH, 1)) - (PADDING * 2));
} else { // 縦長 } else { // 縦長
startX = (startX - PADDING) / ((Math.min(AW, AH) / imageYRatio) - (PADDING * 2)); startX = (startX - PADDING) / ((Math.min(AW, AH) / Math.max(BH / BW, 1)) - (PADDING * 2));
startY = (startY - PADDING) / ((Math.min(AW, AH) / imageXRatio) - (PADDING * 2)); startY = (startY - PADDING) / ((Math.min(AW, AH) / Math.max(BW / BH, 1)) - (PADDING * 2));
} }
const id = genId(); const id = genId();
@ -272,11 +269,11 @@ function onImagePointerdown(ev: PointerEvent) {
let y = ev.offsetY - yOffset; let y = ev.offsetY - yOffset;
if (AW / AH < BW / BH) { // 横長 if (AW / AH < BW / BH) { // 横長
x = (x - PADDING) / ((Math.max(AW, AH) / imageXRatio) - (PADDING * 2)); x = (x - PADDING) / ((Math.max(AW, AH) / Math.max(BH / BW, 1)) - (PADDING * 2));
y = (y - PADDING) / ((Math.max(AW, AH) / imageYRatio) - (PADDING * 2)); y = (y - PADDING) / ((Math.max(AW, AH) / Math.max(BW / BH, 1)) - (PADDING * 2));
} else { // 縦長 } else { // 縦長
x = (x - PADDING) / ((Math.min(AW, AH) / imageYRatio) - (PADDING * 2)); x = (x - PADDING) / ((Math.min(AW, AH) / Math.max(BH / BW, 1)) - (PADDING * 2));
y = (y - PADDING) / ((Math.min(AW, AH) / imageXRatio) - (PADDING * 2)); y = (y - PADDING) / ((Math.min(AW, AH) / Math.max(BW / BH, 1)) - (PADDING * 2));
} }
const scaleX = Math.abs(x - startX); const scaleX = Math.abs(x - startX);