fix(nodes): calculate correct position

xyflow · Aug 19, 2019 · 0f74d78 · 0f74d78
1 parent 466e05b
commit 0f74d78
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/dist/ReactGraph.js b/dist/ReactGraph.js
@@ -29837,8 +29837,8 @@
   var pointToRendererPoint = function pointToRendererPoint(_ref, transform) {
     var x = _ref.x,
         y = _ref.y;
-    var rendererX = x * (1 / [transform[2]]) - transform[0];
-    var rendererY = y * (1 / [transform[2]]) - transform[1];
+    var rendererX = (x - transform[0]) * (1 / [transform[2]]);
+    var rendererY = (y - transform[1]) * (1 / [transform[2]]);
     return {
       x: rendererX,
       y: rendererY

diff --git a/example/build/example.e31bb0bc.js b/example/build/example.e31bb0bc.js
@@ -37641,8 +37641,8 @@ var getEdgeId = function getEdgeId(e) {
 var pointToRendererPoint = function pointToRendererPoint(_ref, transform) {
   var x = _ref.x,
       y = _ref.y;
-  var rendererX = x * (1 / [transform[2]]) - transform[0];
-  var rendererY = y * (1 / [transform[2]]) - transform[1];
+  var rendererX = (x - transform[0]) * (1 / [transform[2]]);
+  var rendererY = (y - transform[1]) * (1 / [transform[2]]);
   return {
     x: rendererX,
     y: rendererY

diff --git a/example/build/example.e31bb0bc.js.map b/example/build/example.e31bb0bc.js.map
diff --git a/src/graph-utils.js b/src/graph-utils.js
@@ -26,14 +26,14 @@ export const removeElements = (elements, elementsToRemove) => {
 const getEdgeId = (e) => `react-graph__edge-${e.source}-${e.target}`;
 
 const pointToRendererPoint = ({ x, y }, transform) => {
-  const rendererX = x * (1 / [transform[2]]) - transform[0];
-  const rendererY = y * (1 / [transform[2]]) - transform[1];
+  const rendererX = (x - transform[0]) * (1 / [transform[2]]);
+  const rendererY = (y - transform[1]) * (1 / [transform[2]]);
 
   return {
     x: rendererX,
     y: rendererY
   };
-}
+};
 
 export const parseElement = (e, transform) => {
   if (isEdge(e)) {