michael/pathfinder
michael
/
pathfinder
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix the pan/zoom logic in `onWheel()`

This commit is contained in:
Patrick Walton 2017-08-24 13:34:45 -07:00
parent 14b7b88b3f
commit 132b6e183b
1 changed files with 17 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
demo/client/src/index.ts
View File

@ -807,8 +807,25 @@ class PathfinderView {
if (event.ctrlKey) {
// Zoom event: see https://developer.mozilla.org/en-US/docs/Web/Events/wheel
const mouseLocation = glmatrix.vec2.fromValues(event.clientX, event.clientY);
const canvasLocation = this.canvas.getBoundingClientRect();
mouseLocation[0] -= canvasLocation.left;
mouseLocation[1] = canvasLocation.bottom - mouseLocation[1];
glmatrix.vec2.scale(mouseLocation, mouseLocation, window.devicePixelRatio);
const absoluteTranslation = glmatrix.vec2.create();
glmatrix.vec2.sub(absoluteTranslation, this.translation, mouseLocation);
glmatrix.vec2.scale(absoluteTranslation,
absoluteTranslation,
1.0 / this.appController.fontSize);
const scale = 1.0 - event.deltaY * window.devicePixelRatio * SCALE_FACTOR;
this.appController.scaleFontSize(scale);
glmatrix.vec2.scale(absoluteTranslation,
absoluteTranslation,
this.appController.fontSize);
glmatrix.vec2.add(this.translation, absoluteTranslation, mouseLocation);
return;
}