合并画布代码

src/component/Canvas/CanvasEditor/managers/liquify/LiquifyManager.js

@@ -38,7 +38,7 @@ export class LiquifyManager {
       meshResolution: options.meshResolution || 64,
       // 根据环境选择合适的渲染模式
       forceCPU: true, // 默认不强制使用CPU
-      forceWebGL: false, // 优先使用WebGL模式
+      forceWebGL: true, // 优先使用WebGL模式
       webglSizeThreshold: options.webglSizeThreshold || 500 * 500, // 降低阈值以更倾向使用WebGL
       layerManager: options.layerManager || null,
       canvas: options.canvas || null,
@@ -87,9 +87,19 @@ export class LiquifyManager {
    * @param {Number} value 参数值
    */
   setParam(param, value) {
+    console.log(`LiquifyManager 设置参数: ${param}=${value}`);
     return this.enhancedManager.setParam(param, value);
   }
 
+  /**
+   * 批量设置参数
+   * @param {Object} params 参数对象
+   */
+  setParams(params) {
+    console.log("LiquifyManager 批量设置参数:", params);
+    return this.enhancedManager.setParams(params);
+  }
+
   /**
    * 获取当前参数
    * @returns {Object} 当前参数对象
@@ -120,21 +130,14 @@ export class LiquifyManager {
       return null;
     }
 
-    // 确保设置正确的模式和参数
-    if (mode) {
-      this.enhancedManager.setMode(mode);
-    }
+    console.log(
+      `LiquifyManager.applyLiquify: 模式=${mode}, 坐标=(${x}, ${y}), 参数=`,
+      params
+    );
 
-    if (params) {
-      Object.entries(params).forEach(([key, value]) => {
-        this.enhancedManager.setParam(key, value);
-      });
-    }
-
-    // 应用液化变形
-    console.log(`应用液化变形, 模式=${mode}, 坐标=(${x}, ${y}), 参数=`, params);
     try {
       // 直接调用EnhancedLiquifyManager的applyLiquify方法
+      // 避免重复设置参数，让EnhancedLiquifyManager处理参数设置
       const resultData = await this.enhancedManager.applyLiquify(
         targetObject,
         mode,
@@ -146,6 +149,13 @@ export class LiquifyManager {
       // 确保返回结果数据
       if (!resultData) {
         console.warn("液化变形没有返回结果数据");
+      } else {
+        console.log(
+          "✅ 液化变形成功，返回图像数据尺寸:",
+          resultData.width,
+          "x",
+          resultData.height
+        );
       }
 
       return resultData;
@@ -180,6 +190,22 @@ export class LiquifyManager {
     return this.enhancedManager.getStatus();
   }
 
+  /**
+   * 开始液化操作（记录初始点）
+   * @param {Number} x 初始X坐标
+   * @param {Number} y 初始Y坐标
+   */
+  startLiquifyOperation(x, y) {
+    return this.enhancedManager.startLiquifyOperation(x, y);
+  }
+
+  /**
+   * 结束液化操作
+   */
+  endLiquifyOperation() {
+    return this.enhancedManager.endLiquifyOperation();
+  }
+
   /**
    * 释放资源
    */