save code

static/test_interface5.html

@@ -132,8 +132,12 @@
         <div class="card-header"><span>🎯 所有发型结果（三档 + 生发图）</span><span style="font-weight:400;font-size:12px;color:#9ca3af" id="resultCount">共 0 个发型</span></div>
         <div class="card-body">
           <div class="coord-box" style="margin-top:0;margin-bottom:16px">
-            <div class="label">📍 最佳发际线中心点（best_hairline_center_point，首个发型 middle 档）— 原图像素坐标</div>
-            <div class="value" id="centerPoint">—</div>
+            <div class="label">📍 发际线中心点（首个发型三档）— 原图像素坐标</div>
+            <div class="value">
+              middle: <span id="centerPoint">—</span>
+              ｜ high: <span id="centerHigh">—</span>
+              ｜ low: <span id="centerLow">—</span>
+            </div>
           </div>
           <div id="resultsGrid"></div>
         </div>
@@ -211,7 +215,10 @@ async function submitTest() {
     if (json.code === 0) {
       _images = json.data.hairline_images || [];
       _center = json.data.best_hairline_center_point;
-      $('centerPoint').textContent = _center ? '(' + _center.x + ', ' + _center.y + ')' : '—';
+      const _fmtPt = p => p ? '(' + p.x + ', ' + p.y + ')' : '—';
+      $('centerPoint').textContent = _fmtPt(json.data.best_hairline_center_point);
+      $('centerHigh').textContent = _fmtPt(json.data.high_hairline_center_point);
+      $('centerLow').textContent = _fmtPt(json.data.low_hairline_center_point);
       $('resultCount').textContent = '共 ' + _images.length + ' 个发型';
       setStatus('✅ ' + _images.length + ' 个发型 × 三档 (' + _elapsed + 's)', 'success');
       renderGrid();