marcel/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-09-14 04:50:05 +02:00
Code Issues 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
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, vectorFromPoint,
vectorSubtract, vectorSubtract,
vectorDot, vectorDot,
vectorMagnitude, vectorNormalize,
} from "../../math"; } from "../../math";
import { cropElement } from "../element/cropElement"; import { cropElement } from "../element/cropElement";
@@ -7969,34 +7969,20 @@ class App extends React.Component<AppProps, AppState> {
croppingElement.angle, croppingElement.angle,
), ),
); );
const topEdge = vectorSubtract(topRight, topLeft); const topEdge = vectorNormalize(
const leftEdge = vectorSubtract(bottomLeft, topLeft); vectorSubtract(topRight, topLeft),
);
const leftEdge = vectorNormalize(
vectorSubtract(bottomLeft, topLeft),
);
/** /**
* project instantDrafOffset onto leftEdge to find out the y scalar * project instantDrafOffset onto leftEdge and topEdge to decompose
* topEdge to find out the x scalar
*/ */
const scaleY = instantDragOffset = vector(
vectorDot(instantDragOffset, leftEdge) / vectorDot(instantDragOffset, topEdge),
vectorDot(leftEdge, leftEdge); vectorDot(instantDragOffset, 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,
),
); );
} }