Merge pull request #120 from mpkorstanje/patch-3

Fix Mouse position in canvas with padding
cykod · Jun 5, 2014 · 9b1aed7 · 9b1aed7
2 parents 27cd733 + 3540953
commit 9b1aed7
Showing 1 changed file with 11 additions and 4 deletions.
diff --git a/lib/quintus_input.js b/lib/quintus_input.js
@@ -566,11 +566,18 @@ Quintus.Input = function(Q) {
         e.preventDefault();
         var touch = e.touches ? e.touches[0] : e;
         var el = Q.el, 
-            posX = touch.offsetX,
-            posY = touch.offsetY,
-            eX, eY,
-            stage = Q.stage(stageNum);
+          rect = el.getBoundingClientRect(),
+          style = window.getComputedStyle(el),
+          posX = touch.clientX - rect.left - parseInt(style.paddingLeft),
+          posY = touch.clientY - rect.top  - parseInt(style.paddingTop);
+
+        var stage = Q.stage(stageNum);
 
+        if(Q._isUndefined(posX) || Q._isUndefined(posY)) {
+          posX = touch.offsetX;
+          posY = touch.offsetY;
+        }
+
         if(Q._isUndefined(posX) || Q._isUndefined(posY)) {
           posX = touch.layerX;
           posY = touch.layerY;