style: Introduce new color for anchors to transform shapes

miyanokomiya · Apr 8, 2024 · 708b933 · 708b933
1 parent 0fb5dca
commit 708b933
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/src/composables/shapeHandlers/roundedRectangleHandler.ts b/src/composables/shapeHandlers/roundedRectangleHandler.ts
@@ -59,7 +59,7 @@ export const newRoundedRectangleHandler = defineShapeHandler<RoundedRectangleHit
         if (highlight) {
           applyFillStyle(ctx, { color: style.selectionSecondaly });
         } else {
-          applyFillStyle(ctx, { color: style.selectionPrimary });
+          applyFillStyle(ctx, { color: style.transformAnchor });
         }
 
         ctx.beginPath();

diff --git a/src/composables/shapeHandlers/simplePolygonHandler.ts b/src/composables/shapeHandlers/simplePolygonHandler.ts
@@ -91,8 +91,8 @@ export const newSimplePolygonHandler = defineShapeHandler<SimplePolygonHitResult
             applyFillStyle(ctx, { color: style.selectionSecondaly });
             applyStrokeStyle(ctx, { color: style.selectionSecondaly });
           } else {
-            applyFillStyle(ctx, { color: style.selectionPrimary });
-            applyStrokeStyle(ctx, { color: style.selectionPrimary });
+            applyFillStyle(ctx, { color: style.transformAnchor });
+            applyStrokeStyle(ctx, { color: style.transformAnchor });
           }
           ctx.beginPath();
           ctx.arc(p.x, p.y, threshold, 0, TAU);

diff --git a/src/models/factories.ts b/src/models/factories.ts
@@ -9,6 +9,7 @@ export function createStyleScheme(): StyleScheme {
     selectionPrimary: createColor(65, 105, 225),
     selectionSecondaly: createColor(64, 224, 208),
     selectionLineWidth: 3,
+    transformAnchor: createColor(250, 250, 55),
     alert: createColor(224, 0, 0),
   };
 }
diff --git a/src/models/index.ts b/src/models/index.ts
@@ -37,6 +37,7 @@ export interface StyleScheme {
   selectionPrimary: Color;
   selectionSecondaly: Color;
   selectionLineWidth: number;
+  transformAnchor: Color;
   alert: Color;
 }