專案

一般

配置概況

動作
複製連結

Feature #157

已結束
SC SC

實作後視圖真實 PNG + SVG 疊加層人體圖 (Posterior Body Map with Real PNG Overlay)

Feature #157: 實作後視圖真實 PNG + SVG 疊加層人體圖 (Posterior Body Map with Real PNG Overlay)

是由 Sashiba Chou 於 約 2 個月 前加入. 於 約 2 個月 前更新.

狀態:
Closed
優先權:
Normal
被分派者:
Sashiba Chou
開始日期:
2026-02-08
完成日期:
2026-02-08
完成比例:

100%

預估工時:
2:00 小時
耗用工時:
2:00 小時

概述

h1. 背景

前視圖（Anterior）已使用真實 PNG 底圖搭配透明 SVG 疊加路徑的混合方式呈現。後視圖（Posterior）仍使用舊版卡通風格 SVG 剪影（透過鏡像前視圖路徑 fp() 產生），與前視圖風格不一致且解剖定位不精確。

h1. 需求

  1. 將後視圖升級為與前視圖相同的混合 PNG + SVG overlay 架構

  2. 使用 body_back_real.png 作為底圖，搭配從 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（新增）
動作
複製連結

匯出至 PDF Atom