feat: 裁剪组裁剪跟随选择组移动

src/component/Canvas/CanvasEditor/utils/rasterizedImage.js

@@ -22,11 +22,7 @@ export const createRasterizedImage = async ({
   isGroupWithMask = false, // 是否为带遮罩的组图层
 } = {}) => {
   try {
-    console.log(
-      `📊 开始栅格化 ${fabricObjects.length} 个对象${
-        maskObject ? "（带遮罩）" : ""
-      }`
-    );
+    console.log(`📊 开始栅格化 ${fabricObjects.length} 个对象${maskObject ? "（带遮罩）" : ""}`);
 
     // 确保有对象需要栅格化
     if (fabricObjects.length === 0) {
@@ -36,10 +32,7 @@ export const createRasterizedImage = async ({
 
     // 高清倍数
     const currentZoom = canvas.getZoom?.() || 1;
-    scaleFactor = Math.max(
-      scaleFactor || canvas?.getRetinaScaling?.(),
-      currentZoom
-    );
+    scaleFactor = Math.max(scaleFactor || canvas?.getRetinaScaling?.(), currentZoom);
 
     if (isThumbnail) scaleFactor = 0.2; // 缩略图使用较小的高清倍数
 
@@ -191,9 +184,7 @@ const createRasterizedImageWithGroup = async ({
       hasControls: false,
     });
 
-    console.log(
-      `🎨 离屏画布尺寸: ${canvasWidth}x${canvasHeight}, 缩放: ${scaleFactor}`
-    );
+    console.log(`🎨 离屏画布尺寸: ${canvasWidth}x${canvasHeight}, 缩放: ${scaleFactor}`);
 
     // 调整组的位置，让它位于画布的左上角
     group.set({
@@ -317,9 +308,7 @@ const createRasterizedImageWithMask = async ({
       height: canvasHeight,
     });
 
-    console.log(
-      `🎨 离屏画布尺寸: ${canvasWidth}x${canvasHeight}, 缩放: ${scaleFactor}`
-    );
+    console.log(`🎨 离屏画布尺寸: ${canvasWidth}x${canvasHeight}, 缩放: ${scaleFactor}`);
 
     // 调整对象位置，相对于遮罩边界重新定位
     clonedObjects.forEach((obj) => {