fix: multi img group(#50)

sleepy-zone · Aug 30, 2024 · af35a01 · af35a01
1 parent fb965ae
commit af35a01
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 2 deletions.
diff --git a/src/assets/demo.json b/src/assets/demo.json
@@ -372,5 +372,5 @@
     "hasControls": true
   },
   "background": "#ddd",
-  "fabritor_schema_version": 3
+  "fabritor_schema_version": 3.1
 }
diff --git a/src/editor/custom-objects/FImage.ts b/src/editor/custom-objects/FImage.ts
@@ -46,7 +46,6 @@ export const createFImageClass = () => {
     _createClipPath () {
       const width = this.img.width;
       const height = this.img.height;
-      console.log(width, height)
       return new fabric.Rect({
         originX: 'center',
         originY: 'center',

diff --git a/src/utils/helper.ts b/src/utils/helper.ts
@@ -122,6 +122,13 @@ export const groupSelection = (canvas, target) => {
   if (!target || target.type !== 'activeSelection') {
     return;
   }
+
+  canvas.getActiveObjects().forEach((o) => {
+    if (o.type === 'f-image') {
+      o.img.clipPath= null;
+    }
+  });
+
   target.toGroup();
   canvas.requestRenderAll();
   canvas.fire('fabritor:group');