Split translation to make flip work better with rotated rects

konvajs · Oct 30, 2023 · 4224b41 · 4224b41
1 parent 63924bc
commit 4224b41
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/shapes/Transformer.ts b/src/shapes/Transformer.ts
@@ -1060,11 +1060,12 @@ export class Transformer extends Group {
     const newScaleY = newAttrs.height / baseSize;
 
     if (this.flipEnabled() === false) {
+      newTr.translate(newAttrs.x, newAttrs.y);
+      newTr.rotate(newAttrs.rotation);
       newTr.translate(
-        newAttrs.x + (newAttrs.width < 0 ? newAttrs.width : 0),
-        newAttrs.y + (newAttrs.height < 0 ? newAttrs.height : 0)
+        newAttrs.width < 0 ? newAttrs.width : 0,
+        newAttrs.height < 0 ? newAttrs.height : 0
       );
-      newTr.rotate(newAttrs.rotation);
       newTr.scale(Math.abs(newScaleX), Math.abs(newScaleY));
     } else {
       newTr.translate(newAttrs.x, newAttrs.y);