hexone2086/m20_core_web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pref: 优化标注页面设计

Browse Source
This commit is contained in:
CaoWangrenbo
2025-10-28 11:18:28 +08:00
parent 8f76295bb5
commit 925c89d2a3
1 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
templates/manual_annotation.html
View File

@@ -177,10 +177,10 @@
<body> <body>
<div class="container"> <div class="container">
<div class="header"> <!-- <div class="header">
<h1>ReMark</h1> <h1>ReMark</h1>
<a href="/list" class="btn-secondary">返回图片列表</a> <a href="/list" class="btn-secondary">返回图片列表</a>
</div> </div> -->
<!-- <div class="info-panel"> <!-- <div class="info-panel">
<h3>图像信息</h3> <h3>图像信息</h3>
@@ -213,15 +213,16 @@
<button class="label-btn btn-negative" data-id="2" data-label="soldier">士兵 (2)</button> <button class="label-btn btn-negative" data-id="2" data-label="soldier">士兵 (2)</button>
<button class="label-btn btn-neutral" data-id="3" data-label="gun">枪支 (3)</button> <button class="label-btn btn-neutral" data-id="3" data-label="gun">枪支 (3)</button>
<button class="label-btn btn-unclear" data-id="4" data-label="number">数字牌 (4)</button> <button class="label-btn btn-unclear" data-id="4" data-label="number">数字牌 (4)</button>
<!-- 插入占位元素 -->
<div style="flex: 1;"></div>
<button class="btn-primary" id="save-btn">保存标注结果</button>
<button class="btn-primary" id="clear-btn">清空所有标注</button>
</div> </div>
<div class="status"> <div class="status">
<p>当前状态：<span id="status-text">请选择一个目标类别开始标注</span></p> <p>当前状态：<span id="status-text">请选择一个目标类别开始标注</span></p>
<p>当前选中类别：<span id="selected-label">无</span></p> <p>当前选中类别：<span id="selected-label">无</span></p>
</div> </div>
<button class="btn-primary" id="save-btn">保存标注结果</button>
<button class="btn-primary" id="clear-btn">清空所有标注</button>
</div> </div>
<div class="detection-list"> <div class="detection-list">
@@ -254,7 +255,7 @@
} }
window.currentSide = side; window.currentSide = side;
document.querySelector('h1').textContent = `人工标注 (${side === 'left' ? '左侧' : '右侧'}图像)`; // document.querySelector('h1').textContent = `人工标注 (${side === 'left' ? '左侧' : '右侧'}图像)`;
// 初始化 Fabric.js 画布 // 初始化 Fabric.js 画布
canvas = new fabric.Canvas('canvas', { canvas = new fabric.Canvas('canvas', {