supernets/hardlounge
supernets/hardlounge
4
Fork 0
Code Issues 1 Pull Requests Packages Projects Releases Wiki Activity

Restrict image viewer bounds while moving

Browse Source
This commit is contained in:
Pavel Djundik 2019-12-24 18:36:12 +02:00
parent 55e5c69958
commit dbfa5c5746
1 changed files with 5 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
client/components/ImageViewer.vue
View File

@ -197,7 +197,6 @@ export default {
const touchMove = (moveEvent) => {
touch = this.reduceTouches(moveEvent.touches);
// TODO: There's bugs with multi finger interactions, needs more testing
if (currentTouches.length !== moveEvent.touches.length) {
currentTransform.x = touch.x;
currentTransform.y = touch.y;
@ -221,16 +220,10 @@ export default {
startTransform.y
);
if (newScale > 1) {
this.transform.x = fixedPosition.x + deltaX;
this.transform.y = fixedPosition.y + deltaY;
} else if (Math.abs(deltaX) > Math.abs(deltaY)) {
this.transform.x = fixedPosition.x + deltaX;
} else {
this.transform.y = fixedPosition.y + deltaY;
}
this.transform.x = fixedPosition.x + deltaX;
this.transform.y = fixedPosition.y + deltaY;
this.transform.scale = newScale;
this.correctPosition();
};
const touchEnd = (endEvent) => {
@ -302,6 +295,8 @@ export default {
if (centerY < 0 || heightScaled + centerY > containerHeight) {
this.transform.y = startTransformY + newY;
}
this.correctPosition();
};
const mouseUp = (upEvent) => {