]> _ Git - fluidbook-html5.git/commitdiff
wip #1487 @1
authorVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 20 Jul 2017 17:07:54 +0000 (19:07 +0200)
committerVincent Vanwaelscappel <vincent@cubedesigners.com>
Thu, 20 Jul 2017 17:07:54 +0000 (19:07 +0200)
js/libs/fluidbook/fluidbook.desktop.js
js/libs/fluidbook/fluidbook.loader.js
js/libs/fluidbook/fluidbook.slider.js
js/libs/fluidbook/fluidbook.touch.js
js/libs/fluidbook/fluidbook.zoom.js

index 4d40501c0429aa2596be3b18eec3e6eb4bfac891..7b083ee0bf6dd04f278dafd0a5c2a47f27540901 100644 (file)
@@ -24,13 +24,18 @@ FluidbookDesktop.prototype = {
             $this.wheelZoom(deltaY);
         })
 
+
         $(document).on('mousemove', 'body', function (e) {
             $this.moveZoom(e);
         });
     },
     moveZoom: function (e) {
-        var x = 100 * e.pageX / $(window).width();
-        var y = 100 * e.pageY / $(window).height();
+        if (this.fluidbook.zoom.zoom > 1) {
+            console.log(e.pageX + ' | ' + e.pageY);
+        }
+
+        var x = 100 * e.pageX / this.fluidbook.resize.ww;
+        var y = 100 * e.pageY / this.fluidbook.resize.hh;
 
         this.fluidbook.zoom.setOrigin(x + '%', y + '%')
     },
index a9c5d55a4d88d0eb357f0c3fe1029cd858b52d18..ee6b45b938b6bc39bc1fd0ea372038fcaefe831c 100644 (file)
@@ -247,7 +247,6 @@ FluidbookLoader.prototype = {
         }
     },
     _loadTexts: function (pageNr, callback) {
-        console.log('load texts ' + pageNr);
         var w = this.fluidbook.datas.width / 0.75;
         var h = this.fluidbook.datas.height / 0.75;
         this.texts[pageNr] = this.loadImage(this.getTextsURL(pageNr), w, h, 'image/svg+xml', callback);
index 8db973c59031b6f42cf6a6f8b26ff05808d2d091..abfde35d6f5aa974556ca163e0aa4068af957d0b 100644 (file)
@@ -89,7 +89,6 @@ FluidbookSlider.prototype = {
             this.fluidbook.setCurrentPage(page);
         }
         if (updateCursor) {
-            console.log('move to page ' + page);
             this.updateCursorPosition(page);
         }
         return false;
index c3d044c4247b3ab79bbddadfecdc47e905d3734c..e03da99b1458b40af5006105abbba649351ccca9 100644 (file)
@@ -229,7 +229,6 @@ FluidbookTouch.prototype = {
             }
             return true;
         }
-
     },
 
     resetSlide: function () {
@@ -239,17 +238,22 @@ FluidbookTouch.prototype = {
         this.offsetY = 0;
     },
     setZoomOriginFromEvent: function (event) {
-        var cx = event.clientX || event.pageX;
-        var cy = event.clientY || event.pageY;
+        var cx = event.pageX;
+        var cy = event.pageY;
 
         var z = this.fluidbook.zoom.zoom;
         var zrect = $("#z").get(0).getBoundingClientRect();
 
-        var ox = cx - zrect.left;
-        var oy = cy - zrect.top;
+        // focus point in non zoomed coordinates
+        var ox = cx - zrect.left / z;
+        var oy = cy - zrect.top / z;
+
+        ox = ox / this.fluidbook.resize.ww;
+        oy = oy / this.fluidbook.resize.hh;
 
-        ox = (ox / (this.fluidbook.resize.ww * z));
-        oy = (oy / (this.fluidbook.resize.hh * z));
+        // touch pos in % of screen
+        var tx = cx / this.fluidbook.resize.ww;
+        var ty = cy / this.fluidbook.resize.hh;
 
         this.fluidbook.zoom.setOrigin(
             (ox * 100) + '%',
index 6c2e501548aa6025ea6860ffbc830cb0bf847eac..31e065bc2e53f1c6a0ff32e8c2a93c27b2a84e8c 100644 (file)
@@ -53,10 +53,7 @@ FluidbookZoom.prototype = {
             zoom = 1;
         }
 
-        console.log(end);
         if (end) {
-            console.log(direction + ' || ' + zoom);
-
             if (direction == 1) {
                 if (zoom < 1.5) {
                     zoom = 1.5;
@@ -68,9 +65,6 @@ FluidbookZoom.prototype = {
                     this.setTransition(true);
                 }
             }
-
-            console.log(' === ' + zoom + ' (' + this.zoom + ')');
-
         }
         if (this.zoom == zoom) {