Dylan/excalidraw
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

normalize before projection to improve rotated crop region drag

Browse Source
This commit is contained in:
Ryan Di 2024-10-09 18:16:09 +08:00
parent 1a0755cd56
commit 58307a96dc
1 changed files with 11 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
packages/excalidraw/components/App.tsx
View File

@ -456,7 +456,7 @@ import {
vectorFromPoint,
vectorSubtract,
vectorDot,
vectorMagnitude,
vectorNormalize,
} from "../../math";
import { cropElement } from "../element/cropElement";
@ -7969,34 +7969,20 @@ class App extends React.Component<AppProps, AppState> {
croppingElement.angle,
),
);
const topEdge = vectorSubtract(topRight, topLeft);
const leftEdge = vectorSubtract(bottomLeft, topLeft);
const topEdge = vectorNormalize(
vectorSubtract(topRight, topLeft),
);
const leftEdge = vectorNormalize(
vectorSubtract(bottomLeft, topLeft),
);
/**
* project instantDrafOffset onto leftEdge to find out the y scalar
* topEdge to find out the x scalar
* project instantDrafOffset onto leftEdge and topEdge to decompose
*/
const scaleY =
vectorDot(instantDragOffset, leftEdge) /
vectorDot(leftEdge, leftEdge);
const scaleX =
vectorDot(instantDragOffset, topEdge) /
vectorDot(topEdge, topEdge);
instantDragOffset = vectorScale(
vector(scaleX, scaleY),
/**
* projection results in small x and y scalars
* scale to account for this
*/
Math.min(
Math.max(
vectorMagnitude(topEdge),
vectorMagnitude(leftEdge),
),
100,
),
instantDragOffset = vector(
vectorDot(instantDragOffset, topEdge),
vectorDot(instantDragOffset, leftEdge),
);
}