画布印花合成

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

@@ -19,9 +19,11 @@ export class ExportManager {
    * @param {Object} options 导出选项
    * @param {Boolean} options.isContainBg 是否包含背景图层
    * @param {Boolean} options.isContainFixed 是否包含固定图层
+   * @param {Boolean} options.isContainFixedOther 是否包含其他固定图层
 	* @param {Boolean} options.isCropByBg 是否使用背景大小裁剪
    * @param {String} options.layerId 导出具体图层ID
    * @param {Array} options.layerIdArray 导出多个图层ID数组
+   * @param {Array} options.layerIdArray2 导出多个图层ID数组2
    * @param {String} options.expPicType 导出图片类型 (png/jpg/svg)
    * @param {Boolean} options.restoreOpacityInRedGreen 红绿图模式下是否恢复透明度为1
 	 * @param {Boolean} options.isEnhanceImg 是否是增强图片
@@ -31,20 +33,22 @@ export class ExportManager {
     const {
       isContainBg = false,
       isContainFixed = false,
+	  isContainFixedOther = false, // 是否包含其他固定图层
       isCropByBg = false, // 是否使用背景大小裁剪
       layerId = "",
       layerIdArray = [],
+      layerIdArray2 = null,
       expPicType = "png",
       restoreOpacityInRedGreen = true,
 	  isEnhanceImg, // 是否是增强图片
     } = options;
     try {
       // 查找颜色图层并隐藏
-      const colorLayer = this.layerManager.getLayerById(SpecialLayerId.COLOR);
-      if (colorLayer && colorLayer.visible) {
-        colorLayer.visible = false;
-        await this.layerManager?.updateLayersObjectsInteractivity();
-      }
+    //   const colorLayer = this.layerManager.getLayerById(SpecialLayerId.COLOR);
+    //   if (colorLayer && colorLayer.visible) {
+    //     colorLayer.visible = false;
+    //     await this.layerManager?.updateLayersObjectsInteractivity();
+    //   }
 
       // 检查是否为红绿图模式
       const isRedGreenMode = this.layerManager?.isInRedGreenMode?.() || false;
@@ -67,6 +71,7 @@ export class ExportManager {
           expPicType,
           isContainBg,
           isContainFixed,
+		  isContainFixedOther, // 是否包含其他固定图层
           isRedGreenMode,
           restoreOpacityInRedGreen,
           isCropByBg,
@@ -79,10 +84,12 @@ export class ExportManager {
         expPicType,
         isContainBg,
         isContainFixed,
+		isContainFixedOther, // 是否包含其他固定图层
         isRedGreenMode,
         restoreOpacityInRedGreen,
         isCropByBg,
 		isEnhanceImg, // 是否是增强图片
+		layerIdArray2,
       );
     } catch (error) {
       console.error("导出图片失败:", error);
@@ -155,6 +162,7 @@ export class ExportManager {
    * @param {String} expPicType 导出类型
    * @param {Boolean} isContainBg 是否包含背景图层
    * @param {Boolean} isContainFixed 是否包含固定图层
+   * @param {Boolean} isContainFixedOther 是否包含其他固定图层
    * @param {Boolean} isRedGreenMode 是否为红绿图模式
    * @param {Boolean} restoreOpacityInRedGreen 红绿图模式下是否恢复透明度为1
 	 * @param {Boolean} isCropByBg 是否使用背景大小裁剪
@@ -167,6 +175,7 @@ export class ExportManager {
     expPicType,
     isContainBg,
     isContainFixed,
+	isContainFixedOther, // 是否包含其他固定图层
     isRedGreenMode,
     restoreOpacityInRedGreen,
     isCropByBg, // 是否使用背景大小裁剪
@@ -180,7 +189,8 @@ export class ExportManager {
     const objectsToExport = this._collectObjectsByLayerOrder(
       layerIdArray,
       isContainBg,
-      isContainFixed
+      isContainFixed,
+	  isContainFixedOther, // 是否包含其他固定图层
     );
 
     if (objectsToExport.length === 0) {
@@ -212,10 +222,12 @@ export class ExportManager {
    * @param {String} expPicType 导出类型
    * @param {Boolean} isContainBg 是否包含背景图层
    * @param {Boolean} isContainFixed 是否包含固定图层
+   * @param {Boolean} isContainFixedOther 是否包含其他固定图层
    * @param {Boolean} isRedGreenMode 是否为红绿图模式
    * @param {Boolean} restoreOpacityInRedGreen 红绿图模式下是否恢复透明度为1
 	 * @param {Boolean} isCropByBg 是否使用背景大小裁剪
 	 * @param {Boolean} isEnhanceImg 是否是增强图片
+   * @param {Array} layerIdArray 导出多个图层ID数组2
    * @returns {String} 图片数据URL
    * @private
    */
@@ -223,16 +235,19 @@ export class ExportManager {
     expPicType,
     isContainBg,
     isContainFixed,
+	isContainFixedOther, // 是否包含其他固定图层
     isRedGreenMode,
     restoreOpacityInRedGreen,
     isCropByBg, // 是否使用背景大小裁剪
-		isEnhanceImg, // 是否是增强图片
+	isEnhanceImg, // 是否是增强图片
+	layerIdArray,
   ) {
     // 按图层顺序收集对象（从底到顶）
     const objectsToExport = this._collectObjectsByLayerOrder(
-      null, // 导出所有图层
+      layerIdArray, // 导出所有图层
       isContainBg,
       isContainFixed,
+	  isContainFixedOther, // 是否包含其他固定图层
     );
 
     if (objectsToExport.length === 0) {
@@ -389,10 +404,11 @@ export class ExportManager {
    * @param {Array|null} layerIdArray 图层ID数组，null表示所有图层
    * @param {Boolean} isContainBg 是否包含背景图层
    * @param {Boolean} isContainFixed 是否包含固定图层
+   * @param {Boolean} isContainFixedOther 是否包含其他固定图层
    * @returns {Array} 按正确顺序排列的真实对象数组
    * @private
    */
-  _collectObjectsByLayerOrder(layerIdArray, isContainBg, isContainFixed) {
+  _collectObjectsByLayerOrder(layerIdArray, isContainBg, isContainFixed, isContainFixedOther) {
     const objectsToExport = [];
     const allLayers = this._getAllLayersFlattened(); // 获取扁平化的图层列表
 
@@ -404,7 +420,7 @@ export class ExportManager {
       if (layerIdArray && !layerIdArray.includes(layer.id)) continue;
 
       // 检查图层类型过滤条件
-      if (!this._shouldIncludeLayer(layer, isContainBg, isContainFixed))
+      if (!this._shouldIncludeLayer(layer, isContainBg, isContainFixed, isContainFixedOther))
         continue;
 
       if (layer.visible) {
@@ -1019,10 +1035,11 @@ export class ExportManager {
    * @param {Object} layer 图层对象
    * @param {Boolean} isContainBg 是否包含背景图层
    * @param {Boolean} isContainFixed 是否包含固定图层
+   * @param {Boolean} isContainFixedOther 是否包含其他固定图层
    * @returns {Boolean} 是否应该包含
    * @private
    */
-  _shouldIncludeLayer(layer, isContainBg, isContainFixed) {
+  _shouldIncludeLayer(layer, isContainBg, isContainFixed, isContainFixedOther) {
     if (!layer) return false;
 
     // 检查背景图层
@@ -1035,6 +1052,11 @@ export class ExportManager {
       return isContainFixed;
     }
 
+	// 检查其他固定图层
+    if (layer.isFixedOther) {
+      return isContainFixedOther;
+    }
+
     // 普通图层总是包含
     return true;
   }