smig/excalidraw
1
0
Fork 0
mirror of https://github.com/excalidraw/excalidraw.git synced 2025-05-03 10:00:07 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Auto Scroll prototyping

Browse source
This commit is contained in:
hata6502 2024-08-19 22:36:22 +09:00
parent fb4bb29aa5
commit cd2b8e0515
1 changed files with 22 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -534,6 +534,8 @@ const gesture: Gesture = {
initialScale: null,
};
let velocityX = 0;
class App extends React.Component<AppProps, AppState> {
canvas: AppClassProperties["canvas"];
interactiveCanvas: AppClassProperties["interactiveCanvas"] = null;
@ -739,6 +741,17 @@ class App extends React.Component<AppProps, AppState> {
this.actionManager.registerAction(
createRedoAction(this.history, this.store),
);
setInterval(() => {
if (!this.device.isTouchScreen) {
return;
}
this.translateCanvas((state) => ({
scrollX: state.scrollX - velocityX / state.zoom.value,
}));
velocityX /= 1 + 1 / 64;
});
}
private onWindowMessage(event: MessageEvent) {
@ -7967,6 +7980,15 @@ class App extends React.Component<AppProps, AppState> {
points: [...points, [dx, dy]],
pressures,
});
if (visualViewport) {
const feedback =
(event.pageX - visualViewport.pageLeft) / visualViewport.width;
if (feedback >= 0.625) {
const delta = Math.abs(dy) * this.state.zoom.value;
velocityX += ((feedback - 0.625) * delta) / 64;
}
}
}
} else if (isLinearElement(newElement)) {
pointerDownState.drag.hasOccurred = true;