Use rounded values to compare position of object to center of the can…

…vas because object x and y after zoom may not be integers
natify · Jul 30, 2014 · 28dd7ec · 28dd7ec
1 parent f45cff1
commit 28dd7ec
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/lib/centering_guidelines.js b/lib/centering_guidelines.js
@@ -19,10 +19,10 @@ function initCenteringGuidelines(canvas) {
       viewportTransform;
 
   for (var i = canvasWidthCenter - centerLineMargin, len = canvasWidthCenter + centerLineMargin; i <= len; i++) {
-    canvasWidthCenterMap[i] = true;
+    canvasWidthCenterMap[Math.round(i)] = true;
   }
   for (var i = canvasHeightCenter - centerLineMargin, len = canvasHeightCenter + centerLineMargin; i <= len; i++) {
-    canvasHeightCenterMap[i] = true;
+    canvasHeightCenterMap[Math.round(i)] = true;
   }
 
   function showVerticalCenterLine() {
@@ -59,8 +59,8 @@ function initCenteringGuidelines(canvas) {
 
     if (!transform) return;
 
-    isInVerticalCenter = objectCenter.x in canvasWidthCenterMap,
-    isInHorizontalCenter = objectCenter.y in canvasHeightCenterMap;
+    isInVerticalCenter = Math.round(objectCenter.x) in canvasWidthCenterMap,
+    isInHorizontalCenter = Math.round(objectCenter.y) in canvasHeightCenterMap;
 
     if (isInHorizontalCenter || isInVerticalCenter) {
       object.setPositionByOrigin(new fabric.Point((isInVerticalCenter ? canvasWidthCenter : objectCenter.x), (isInHorizontalCenter ? canvasHeightCenter : objectCenter.y)), 'center', 'center');