解决画布打开图片导出图片分辨率不一值问题

src/component/Canvas/CanvasEditor/managers/ExportManager.js

@@ -18,10 +18,12 @@ export class ExportManager {
    * @param {Object} options 导出选项
    * @param {Boolean} options.isContainBg 是否包含背景图层
    * @param {Boolean} options.isContainFixed 是否包含固定图层
+	 * @param {Boolean} options.isCropByBg 是否使用背景大小裁剪
    * @param {String} options.layerId 导出具体图层ID
    * @param {Array} options.layerIdArray 导出多个图层ID数组
    * @param {String} options.expPicType 导出图片类型 (png/jpg/svg)
    * @param {Boolean} options.restoreOpacityInRedGreen 红绿图模式下是否恢复透明度为1
+	 * @param {Boolean} options.isEnhanceImg 是否是增强图片
    * @returns {String} 导出的图片数据URL
    */
   exportImage(options = {}) {
@@ -33,6 +35,7 @@ export class ExportManager {
       layerIdArray = [],
       expPicType = "png",
       restoreOpacityInRedGreen = true,
+			isEnhanceImg, // 是否是增强图片
     } = options;
     try {
       // 检查是否为红绿图模式
@@ -44,7 +47,8 @@ export class ExportManager {
           expPicType,
           isRedGreenMode,
           restoreOpacityInRedGreen,
-          isCropByBg
+          isCropByBg,
+					isEnhanceImg, // 是否是增强图片
         );
       }
 
@@ -57,7 +61,8 @@ export class ExportManager {
           isContainFixed,
           isRedGreenMode,
           restoreOpacityInRedGreen,
-          isCropByBg
+          isCropByBg,
+					isEnhanceImg, // 是否是增强图片
         );
       }
 
@@ -68,7 +73,8 @@ export class ExportManager {
         isContainFixed,
         isRedGreenMode,
         restoreOpacityInRedGreen,
-        isCropByBg
+        isCropByBg,
+				isEnhanceImg, // 是否是增强图片
       );
     } catch (error) {
       console.error("导出图片失败:", error);
@@ -82,6 +88,8 @@ export class ExportManager {
    * @param {String} expPicType 导出类型
    * @param {Boolean} isRedGreenMode 是否为红绿图模式
    * @param {Boolean} restoreOpacityInRedGreen 红绿图模式下是否恢复透明度为1
+	 * @param {Boolean} isCropByBg 是否使用背景大小裁剪
+	 * @param {Boolean} isEnhanceImg 是否是增强图片
    * @returns {String} 图片数据URL
    * @private
    */
@@ -89,7 +97,9 @@ export class ExportManager {
     layerId,
     expPicType,
     isRedGreenMode,
-    restoreOpacityInRedGreen
+    restoreOpacityInRedGreen,
+		isCropByBg, // 是否使用背景大小裁剪
+		isEnhanceImg, // 是否是增强图片
   ) {
     if (!this.layerManager) {
       throw new Error("图层管理器未初始化");
@@ -117,7 +127,9 @@ export class ExportManager {
       return this._exportWithRedGreenMode(
         objectsToExport,
         expPicType,
-        restoreOpacityInRedGreen
+        restoreOpacityInRedGreen,
+				isCropByBg, // 是否使用背景大小裁剪
+				isEnhanceImg, // 是否是增强图片
       );
     }
 
@@ -137,6 +149,8 @@ export class ExportManager {
    * @param {Boolean} isContainFixed 是否包含固定图层
    * @param {Boolean} isRedGreenMode 是否为红绿图模式
    * @param {Boolean} restoreOpacityInRedGreen 红绿图模式下是否恢复透明度为1
+	 * @param {Boolean} isCropByBg 是否使用背景大小裁剪
+	 * @param {Boolean} isEnhanceImg 是否是增强图片
    * @returns {String} 图片数据URL
    * @private
    */
@@ -147,7 +161,8 @@ export class ExportManager {
     isContainFixed,
     isRedGreenMode,
     restoreOpacityInRedGreen,
-    isCropByBg
+    isCropByBg, // 是否使用背景大小裁剪
+		isEnhanceImg, // 是否是增强图片
   ) {
     if (!this.layerManager) {
       throw new Error("图层管理器未初始化");
@@ -178,7 +193,9 @@ export class ExportManager {
     return await this._exportWithCanvasSize(
       objectsToExport,
       expPicType,
-      restoreOpacityInRedGreen
+      restoreOpacityInRedGreen,
+			isCropByBg, // 是否使用背景大小裁剪
+			isEnhanceImg, // 是否是增强图片
     );
   }
 
@@ -189,6 +206,8 @@ export class ExportManager {
    * @param {Boolean} isContainFixed 是否包含固定图层
    * @param {Boolean} isRedGreenMode 是否为红绿图模式
    * @param {Boolean} restoreOpacityInRedGreen 红绿图模式下是否恢复透明度为1
+	 * @param {Boolean} isCropByBg 是否使用背景大小裁剪
+	 * @param {Boolean} isEnhanceImg 是否是增强图片
    * @returns {String} 图片数据URL
    * @private
    */
@@ -198,7 +217,8 @@ export class ExportManager {
     isContainFixed,
     isRedGreenMode,
     restoreOpacityInRedGreen,
-    isCropByBg
+    isCropByBg, // 是否使用背景大小裁剪
+		isEnhanceImg, // 是否是增强图片
   ) {
     // 按图层顺序收集对象（从底到顶）
     const objectsToExport = this._collectObjectsByLayerOrder(
@@ -251,7 +271,9 @@ export class ExportManager {
       objectsToExport,
       expPicType,
       restoreOpacityInRedGreen,
-      canvasClipPath
+      canvasClipPath,
+			isCropByBg, // 是否使用背景大小裁剪
+			isEnhanceImg, // 是否是增强图片
     );
   }
 
@@ -603,6 +625,9 @@ export class ExportManager {
    * @param {Array} objectsToExport 要导出的对象数组
    * @param {String} expPicType 导出类型
    * @param {Boolean} restoreOpacityInRedGreen 是否恢复透明度为1
+	 * @param {Object} maskObject 裁剪对象
+	 * @param {Boolean} isCropByBg 是否使用背景大小裁剪
+	 * @param {Boolean} isEnhanceImg 是否是增强图片
    * @returns {String} 图片数据URL
    * @private
    */
@@ -610,7 +635,9 @@ export class ExportManager {
     objectsToExport,
     expPicType,
     restoreOpacityInRedGreen,
-    maskObject
+    maskObject, // 裁剪对象
+		isCropByBg, // 是否使用背景大小裁剪
+		isEnhanceImg, // 是否是增强图片
   ) {
     // 使用当前画布尺寸
     // const canvasWidth =
@@ -629,6 +656,8 @@ export class ExportManager {
       trimWhitespace: true, // 裁剪空白
       trimPadding: 0, // 裁剪边距
       restoreOpacityInRedGreen,
+			isCropByBg, // 是否使用背景大小裁剪
+			isEnhanceImg, // 是否是增强图片
     });
 
     console.log("导出图片数据URL:", dataURL);