Atlas48/grungnet
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Don't zoom on wheel end

Browse Source
This commit is contained in:
Mitchell McCaffrey 2021-03-21 17:20:37 +11:00
parent 9bd1ff2d97
commit 2015399466
1 changed files with 24 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
src/hooks/useStageInteraction.js
View File

@ -51,30 +51,34 @@ function useStageInteraction(
if (preventInteraction || !isInteractingWithCanvas.current) {
return;
}
const { event } = props;
const { pixelY } = normalizeWheel(event);
const { event, last } = props;
if (!last) {
const { pixelY } = normalizeWheel(event);
const newScale = Math.min(
Math.max(
stageScale +
(pixelY * wheelZoomSpeed * stageScale * zoomSpeed) /
window.innerHeight,
minZoom
),
maxZoom
);
const newScale = Math.min(
Math.max(
stageScale +
(pixelY * wheelZoomSpeed * stageScale * zoomSpeed) /
window.innerHeight,
minZoom
),
maxZoom
);
// Center on pointer
const pointer = stage.getPointerPosition();
const newTranslate = {
x: pointer.x - ((pointer.x - stage.x()) / stageScale) * newScale,
y: pointer.y - ((pointer.y - stage.y()) / stageScale) * newScale,
};
// Center on pointer
const pointer = stage.getPointerPosition();
const newTranslate = {
x: pointer.x - ((pointer.x - stage.x()) / stageScale) * newScale,
y: pointer.y - ((pointer.y - stage.y()) / stageScale) * newScale,
};
stage.position(newTranslate);
stageTranslateRef.current = newTranslate;
stage.position(newTranslate);
stageTranslateRef.current = newTranslate;
onStageScaleChange(newScale);
}
onStageScaleChange(newScale);
gesture.onWheel && gesture.onWheel(props);
},
onPinchStart: (props) => {