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

improve zoom in/out animation

Browse Source
This commit is contained in:
Ryan Di 2025-05-12 19:09:21 +10:00
parent c84fad4436
commit 67260915cb
1 changed files with 20 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -3929,8 +3929,26 @@ class App extends React.Component<AppProps, AppState> {
}; };
private debounceConstrainScrollState = debounce((state: AppState) => { private debounceConstrainScrollState = debounce((state: AppState) => {
this.setState(constrainScrollState(state, "rigid")); const newState = constrainScrollState(state, "rigid");
}, 500);
const fromValues = {
scrollX: this.state.scrollX,
scrollY: this.state.scrollY,
zoom: this.state.zoom.value,
};
const toValues = {
scrollX: newState.scrollX,
scrollY: newState.scrollY,
zoom: newState.zoom.value,
};
if (areCanvasTranslatesClose(fromValues, toValues)) {
return;
}
this.cancelInProgressAnimation?.();
this.animateToConstrainedArea(fromValues, toValues);
}, 300);
private animateToConstrainedArea = ( private animateToConstrainedArea = (
fromValues: AnimateTranslateCanvasValues, fromValues: AnimateTranslateCanvasValues,