object box smaller

2026-07-11 09:21:13 +03:30
parent 9e105606a3
commit ae3787241a
1 changed files with 13 additions and 3 deletions
@@ -8,6 +8,10 @@ interface TransformerControlsProps {
    isGroupedWithMask: boolean;
 }

+const SELECTION_BLUE = "#93c5fd";
+const ANCHOR_SIZE = 5;
+const ROTATE_ANCHOR_OFFSET = 22;
+
 const TransformerControls = ({ transformerRef, selectedObject, isGroupedWithMask }: TransformerControlsProps) => {
    if (!selectedObject) return null;

@@ -43,12 +47,18 @@ const TransformerControls = ({ transformerRef, selectedObject, isGroupedWithMask
            }}
            ignoreStroke={isText}
            perfectDrawEnabled={false}
-            anchorFill="#3b82f6"
+            anchorFill={SELECTION_BLUE}
            anchorStroke="#ffffff"
-            borderStroke="#3b82f6"
+            borderStroke={SELECTION_BLUE}
            borderStrokeWidth={1}
            padding={-2}
-            anchorSize={8}
+            anchorSize={ANCHOR_SIZE}
+            rotateAnchorOffset={ROTATE_ANCHOR_OFFSET}
+            anchorStyleFunc={(anchor) => {
+                if (anchor.hasName("rotater")) {
+                    anchor.cornerRadius(ANCHOR_SIZE / 2);
+                }
+            }}
            rotateEnabled={!isGroup && !isGroupedWithMask}
            enabledAnchors={enabledAnchors}
        />