refactor: use fill mode for layer image by default

Author: cshum

web/src/components/image-editor/controls/layer-controls.tsx

@@ -81,15 +81,13 @@ export function LayerControls({
             ...layer.transforms,
             width,
             height: newHeight,
-            fitIn: true,
           },
         })
       } else {
         onUpdate({
           transforms: {
             ...layer.transforms,
             width,
-            fitIn: true,
           },
         })
       }
@@ -109,15 +107,13 @@ export function LayerControls({
             ...layer.transforms,
             width: newWidth,
             height,
-            fitIn: true,
           },
         })
       } else {
         onUpdate({
           transforms: {
             ...layer.transforms,
             height,
-            fitIn: true,
           },
         })
       }

web/src/components/image-editor/layer-panel.tsx

@@ -334,7 +334,7 @@ export function LayerPanel({ imageEditor, imagePath, visualCropEnabled = false }
           layerTransforms = {
             width: Math.round(dimensions.width * scale),
             height: Math.round(dimensions.height * scale),
-            fitIn: true,
+            fitIn: false, // Use fill mode for layers
           }
         }
 

web/src/lib/image-editor.ts

@@ -393,7 +393,7 @@ export class ImageEditor {
           const layerState: Partial<ImageEditorState> = {
             width: layer.originalDimensions.width,
             height: layer.originalDimensions.height,
-            fitIn: true,
+            fitIn: false, // Use fill mode for layers by default
           }
           layerPath = ImageEditor.editorStateToImagorPath(
             layerState,
@@ -689,7 +689,7 @@ export class ImageEditor {
           const layerState: Partial<ImageEditorState> = {
             width: layer.originalDimensions.width,
             height: layer.originalDimensions.height,
-            fitIn: true,
+            fitIn: false, // Use fill mode for layers by default
           }
           layerPath = ImageEditor.editorStateToImagorPath(
             layerState,