From 5b46e84a440cda366148f307f807708a388d899b Mon Sep 17 00:00:00 2001
From: Jz0ojiang <0ojixueseno0@gmail.com>
Date: Fri, 4 Sep 2026 16:32:34 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=83=8C=E6=99=AF=E5=9B=BE=E6=B2=89?=
 =?UTF-8?q?=E5=88=B0=E6=9C=80=E5=BA=95=E5=B1=82=EF=BC=8C=E5=90=A6=E5=88=99?=
 =?UTF-8?q?=E7=9B=96=E4=BD=8F=E5=85=88=E5=8A=A0=E7=9A=84=E6=96=87=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

addImage 用 canvas.add() 追加，图片落在最上层。浏览器验收时发现
先加文本框再装背景，文字被整块盖住。

(cherry picked from commit 822fd79e1ca2df76c49c1dff33fa5cc0fa01cc93)
---
 src/editor/useEditor.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/editor/useEditor.ts b/src/editor/useEditor.ts
index f4143cc..05c8639 100644
--- a/src/editor/useEditor.ts
+++ b/src/editor/useEditor.ts
@@ -101,6 +101,8 @@ async function addImage(src: string): Promise<FabricImage> {
     originY: "center",
   });
   c.add(img);
+  // 背景图永远沉到最底层，否则会盖住先加进来的文字。
+  c.sendObjectToBack(img);
   c.setActiveObject(img);
   c.requestRenderAll();
   return img;