Feature #157
是由 Sashiba Chou 於 約 2 個月 前更新
h1. 背景
前視圖(Anterior)已使用真實 PNG 底圖搭配透明 SVG 疊加路徑的混合方式呈現。後視圖(Posterior)仍使用舊版卡通風格 SVG 剪影(透過鏡像前視圖路徑 fp() 產生),與前視圖風格不一致且解剖定位不精確。
h1. 需求
1. 將後視圖升級為與前視圖相同的混合 PNG + SVG overlay 架構
2. 使用 body_back_real.png 作為底圖,搭配從 external_back2.html 提取的 29 條校正後 SVG 路徑
3. 座標系統統一為 800×1360(與前視圖一致)
4. 建立獨立的 body_back_overlay.svg 檔案供參考與除錯使用
5. 調整後視圖互動邏輯:
- 後視圖點擊頭部不開啟放大對話框,直接進入損傷選單
- 後視圖點擊足底(sole)區域正確開啟足部放大對話框(顯示足底視圖)
h1. 修改範圍
- frontend/src/components/body-map/BodySvgPaths.tsx
- frontend/src/components/SoftTissueTab.tsx
- frontend/public/body_back_overlay.svg(新增)
- frontend/public/body_back_real.png(新增)