From 5f88eb44b3cb6239514dad23316c16bea67c54a6 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Mon, 2 Feb 2026 13:16:47 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=E9=A2=84=E8=A7=88?=
 =?UTF-8?q?=E5=BC=B9=E7=AA=97=E4=B8=AD=E6=A0=87=E6=B3=A8=E7=82=B9=E7=9B=B8?=
 =?UTF-8?q?=E5=AF=B9=E4=BA=8E=E5=9B=BE=E7=89=87=E5=AE=9E=E9=99=85=E5=8C=BA?=
 =?UTF-8?q?=E5=9F=9F=E7=9A=84=E5=AE=9A=E4=BD=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/canvas/CanvasChatPanel.tsx | 86 ++++++++++++++-------------
 1 file changed, 44 insertions(+), 42 deletions(-)

diff --git a/components/canvas/CanvasChatPanel.tsx b/components/canvas/CanvasChatPanel.tsx
index 9166971..72a7935 100644
--- a/components/canvas/CanvasChatPanel.tsx
+++ b/components/canvas/CanvasChatPanel.tsx
@@ -1506,50 +1506,52 @@ export function CanvasChatPanel({ chatId, initialMessages = [], onClose, onOpenF
               setTagPreview(null);
             }}
           >
-            {/* 图片全貌 */}
-            <div className="relative">
-              <img
-                src={tagPreview.url}
-                alt={tagPreview.name}
-                className="w-full h-auto max-h-[180px] object-contain bg-zinc-100 dark:bg-zinc-800"
-              />
-              {/* 如果是物品标签，显示标注位置 */}
-              {tagPreview.pickedObject && (
-                <>
-                  {/* 标注点 */}
-                  <div
-                    className="absolute pointer-events-none"
-                    style={{
-                      left: `${tagPreview.pickedObject.clickX * 100}%`,
-                      top: `${tagPreview.pickedObject.clickY * 100}%`,
-                      transform: 'translate(-50%, -50%)',
-                    }}
-                  >
-                    {/* 序号标记 */}
-                    <div className="relative flex items-center justify-center">
-                      {/* 脉冲动画背景 */}
-                      <div className="absolute w-6 h-6 rounded-full bg-blue-500/30 animate-ping" />
-                      {/* 主标记点 */}
-                      <div className="relative w-5 h-5 rounded-full bg-blue-500 border-2 border-white shadow-lg flex items-center justify-center">
-                        <svg className="w-2.5 h-2.5 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3">
-                          <path d="M12 2v20M2 12h20" />
-                        </svg>
+            {/* 图片全貌 - 使用 inline-block + 居中，让标注点相对于图片本身定位 */}
+            <div className="flex justify-center bg-zinc-100 dark:bg-zinc-800">
+              <div className="relative inline-block">
+                <img
+                  src={tagPreview.url}
+                  alt={tagPreview.name}
+                  className="block max-w-full max-h-[180px] h-auto"
+                />
+                {/* 如果是物品标签，显示标注位置 */}
+                {tagPreview.pickedObject && (
+                  <>
+                    {/* 标注点 */}
+                    <div
+                      className="absolute pointer-events-none"
+                      style={{
+                        left: `${tagPreview.pickedObject.clickX * 100}%`,
+                        top: `${tagPreview.pickedObject.clickY * 100}%`,
+                        transform: 'translate(-50%, -50%)',
+                      }}
+                    >
+                      {/* 序号标记 */}
+                      <div className="relative flex items-center justify-center">
+                        {/* 脉冲动画背景 */}
+                        <div className="absolute w-6 h-6 rounded-full bg-blue-500/30 animate-ping" />
+                        {/* 主标记点 */}
+                        <div className="relative w-5 h-5 rounded-full bg-blue-500 border-2 border-white shadow-lg flex items-center justify-center">
+                          <svg className="w-2.5 h-2.5 text-white" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="3">
+                            <path d="M12 2v20M2 12h20" />
+                          </svg>
+                        </div>
                       </div>
                     </div>
-                  </div>
-                  {/* 物品名称标签 */}
-                  <div 
-                    className="absolute bg-blue-500 text-white text-xs px-1.5 py-0.5 rounded shadow-lg whitespace-nowrap"
-                    style={{
-                      left: `${tagPreview.pickedObject.clickX * 100}%`,
-                      top: `${tagPreview.pickedObject.clickY * 100}%`,
-                      transform: 'translate(-50%, -140%)',
-                    }}
-                  >
-                    {tagPreview.pickedObject.objectName}
-                  </div>
-                </>
-              )}
+                    {/* 物品名称标签 */}
+                    <div 
+                      className="absolute bg-blue-500 text-white text-xs px-1.5 py-0.5 rounded shadow-lg whitespace-nowrap"
+                      style={{
+                        left: `${tagPreview.pickedObject.clickX * 100}%`,
+                        top: `${tagPreview.pickedObject.clickY * 100}%`,
+                        transform: 'translate(-50%, -140%)',
+                      }}
+                    >
+                      {tagPreview.pickedObject.objectName}
+                    </div>
+                  </>
+                )}
+              </div>
             </div>
             {/* 底部信息 */}
             <div className="px-3 py-2 bg-zinc-50 dark:bg-zinc-800/50 border-t border-border/30">