From e1ca896764bce977ae56c1067161cd080acfb14b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=8E=E5=BF=97=E9=B9=8F?= <2916022834@qq.com>
Date: Mon, 12 Jan 2026 14:07:14 +0800
Subject: [PATCH] =?UTF-8?q?=E7=94=BB=E5=B8=83json=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E6=88=90=E5=8A=9F=E4=BA=8B=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/component/Canvas/CanvasEditor/index.vue                 | 2 ++
 src/component/Canvas/CanvasEditor/managers/CanvasManager.js | 3 ++-
 src/component/Canvas/canvasExample.vue                      | 2 +-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/component/Canvas/CanvasEditor/index.vue b/src/component/Canvas/CanvasEditor/index.vue
index d2606a43..6e10cc0b 100644
--- a/src/component/Canvas/CanvasEditor/index.vue
+++ b/src/component/Canvas/CanvasEditor/index.vue
@@ -58,6 +58,7 @@ const emit = defineEmits([
   "trigger-red-green-mouseup", // 红绿图模式鼠标抬起事件
   "changeCanvas", // 画布变更事件
   "canvasInit", // 画布初始化事件
+  "canvas-load-json-success", // 画布加载JSON成功事件
   "trigger-library", // 触发打开Library选择图片事件
   "before-unmount-export-extra-info", // 组件卸载前导出额外信息事件
 ]);
@@ -262,6 +263,7 @@ onMounted(async () => {
     enabledRedGreenMode: props.enabledRedGreenMode,
     isFixedErasable: props.isFixedErasable,
 	props,
+	emit,
   });
   canvasManager.canvas.activeLayerId = activeLayerId;
   canvasManager.activeLayerId = activeLayerId;
diff --git a/src/component/Canvas/CanvasEditor/managers/CanvasManager.js b/src/component/Canvas/CanvasEditor/managers/CanvasManager.js
index fd2246f2..0d9e8477 100644
--- a/src/component/Canvas/CanvasEditor/managers/CanvasManager.js
+++ b/src/component/Canvas/CanvasEditor/managers/CanvasManager.js
@@ -70,6 +70,7 @@ export class CanvasManager {
     this.eraserStateManager = null; // 橡皮擦状态管理器引用
     this.handleCanvasInit = null; // 画布初始化回调函数
 	this.props = options.props || {};
+	this.emit = options.emit || (() => {});
     // 初始化画布
     this.initializeCanvas();
   }
@@ -1328,9 +1329,9 @@ export class CanvasManager {
 
               // 确保所有对象的交互性正确设置
               await this.layerManager?.updateLayersObjectsInteractivity?.();
-              console.log(this.layerManager.layers.value);
 
               await calllBack?.();
+			  this.emit("canvas-load-json-success");
               // 更新所有缩略图
               setTimeout(() => {
                 this.updateAllThumbnails();
diff --git a/src/component/Canvas/canvasExample.vue b/src/component/Canvas/canvasExample.vue
index 71a6462b..be04b46a 100644
--- a/src/component/Canvas/canvasExample.vue
+++ b/src/component/Canvas/canvasExample.vue
@@ -118,7 +118,7 @@ const updateOtherLayersColor = async () => {
 };
 // 更新其他图层印花
 const updateOtherLayersPrint = async () => {
-  document.querySelector(".app-container").style.width = "50vw"
+//   document.querySelector(".app-container").style.width = "50vw"
   const obj = {
 	printObject: {
 		prints: [