画布json加载成功事件

This commit is contained in:
李志鹏
2026-01-12 14:07:14 +08:00
parent 7a6bd28de5
commit e1ca896764
3 changed files with 5 additions and 2 deletions

View File

@@ -58,6 +58,7 @@ const emit = defineEmits([
"trigger-red-green-mouseup", // 红绿图模式鼠标抬起事件 "trigger-red-green-mouseup", // 红绿图模式鼠标抬起事件
"changeCanvas", // 画布变更事件 "changeCanvas", // 画布变更事件
"canvasInit", // 画布初始化事件 "canvasInit", // 画布初始化事件
"canvas-load-json-success", // 画布加载JSON成功事件
"trigger-library", // 触发打开Library选择图片事件 "trigger-library", // 触发打开Library选择图片事件
"before-unmount-export-extra-info", // 组件卸载前导出额外信息事件 "before-unmount-export-extra-info", // 组件卸载前导出额外信息事件
]); ]);
@@ -262,6 +263,7 @@ onMounted(async () => {
enabledRedGreenMode: props.enabledRedGreenMode, enabledRedGreenMode: props.enabledRedGreenMode,
isFixedErasable: props.isFixedErasable, isFixedErasable: props.isFixedErasable,
props, props,
emit,
}); });
canvasManager.canvas.activeLayerId = activeLayerId; canvasManager.canvas.activeLayerId = activeLayerId;
canvasManager.activeLayerId = activeLayerId; canvasManager.activeLayerId = activeLayerId;

View File

@@ -70,6 +70,7 @@ export class CanvasManager {
this.eraserStateManager = null; // 橡皮擦状态管理器引用 this.eraserStateManager = null; // 橡皮擦状态管理器引用
this.handleCanvasInit = null; // 画布初始化回调函数 this.handleCanvasInit = null; // 画布初始化回调函数
this.props = options.props || {}; this.props = options.props || {};
this.emit = options.emit || (() => {});
// 初始化画布 // 初始化画布
this.initializeCanvas(); this.initializeCanvas();
} }
@@ -1328,9 +1329,9 @@ export class CanvasManager {
// 确保所有对象的交互性正确设置 // 确保所有对象的交互性正确设置
await this.layerManager?.updateLayersObjectsInteractivity?.(); await this.layerManager?.updateLayersObjectsInteractivity?.();
console.log(this.layerManager.layers.value);
await calllBack?.(); await calllBack?.();
this.emit("canvas-load-json-success");
// 更新所有缩略图 // 更新所有缩略图
setTimeout(() => { setTimeout(() => {
this.updateAllThumbnails(); this.updateAllThumbnails();

View File

@@ -118,7 +118,7 @@ const updateOtherLayersColor = async () => {
}; };
// 更新其他图层印花 // 更新其他图层印花
const updateOtherLayersPrint = async () => { const updateOtherLayersPrint = async () => {
document.querySelector(".app-container").style.width = "50vw" // document.querySelector(".app-container").style.width = "50vw"
const obj = { const obj = {
printObject: { printObject: {
prints: [ prints: [