// ==UserScript== // @name 感知2D同源 // @namespace http://118.196.97.105:8080 // @version 1.6 // @description 检测标注物归组规范:每组1人脸+5关键点(左眼/右眼/鼻尖/左嘴角/右嘴角),并校验关键点坐标几何合理性 // @author CC // @match http://*:8080/* // @grant none // @run-at document-end // @license CC // ==/UserScript== (function () { 'use strict'; const API_PATH = '/api/task/get-mark-data'; const KEYPOINT_ORDER = ['left_eye', 'right_eye', 'nose', 'left_mouth', 'right_mouth']; const KEYPOINT_LABELS = { left_eye: '左眼中心', right_eye: '右眼中心', nose: '鼻尖', left_mouth: '左嘴角', right_mouth: '右嘴角' }; const PSELECT_MAP = { '左眼中⼼': 'left_eye', '左眼中心': 'left_eye', '右眼中⼼': 'right_eye', '右眼中心': 'right_eye', '⿐尖': 'nose', '鼻尖': 'nose', '左嘴⻆': 'left_mouth', '左嘴角': 'left_mouth', '右嘴⻆': 'right_mouth', '右嘴角': 'right_mouth' }; function normalizePname(m) { var pname = (m.class && m.class.pname) || ''; if (pname === 'righ_mouth') return 'right_mouth'; if (!pname || KEYPOINT_ORDER.indexOf(pname) === -1) { var mapped = PSELECT_MAP[m.pselect]; if (mapped) return mapped; } return pname; } // ---- 关键点坐标几何校验配置 ---- const GEOM_CFG = { QUAD_TOL: 0.10, // 鼻尖相对四关键点四边形外扩容差(×人脸框高) NOSE_Y_TOL: 0.15, // 鼻尖y超出眼/嘴角区间的容差(×人脸框高),吸收抬头低头 EPS_EYE_RATIO: 0.02, // 左右/上下判定容差(×眼距),吸收标注微小误差 FACEH_FALLBACK: 2.2, // 无face框时 人脸高 ≈ 眼距 × 该系数 MIN_EYE_DIST: 1 // 双眼距离小于该值视为坐标重合 }; function getPoint(m) { if (!m || !m.point) return null; var x = parseFloat(m.point.x); var y = parseFloat(m.point.y); if (isNaN(x) || isNaN(y)) return null; return { x: x, y: y }; } function fmtP(p) { return p ? p.x.toFixed(1) + ',' + p.y.toFixed(1) : '缺失'; } // 向量 (o->a) × (o->b) function cross(o, a, b) { return (a.x - o.x) * (b.y - o.y) - (a.y - o.y) * (b.x - o.x); } function onSeg(p, a, b) { return p.x >= Math.min(a.x, b.x) - 1e-9 && p.x <= Math.max(a.x, b.x) + 1e-9 && p.y >= Math.min(a.y, b.y) - 1e-9 && p.y <= Math.max(a.y, b.y) + 1e-9; } function segmentsIntersect(a, b, c, d) { var d1 = cross(c, d, a); var d2 = cross(c, d, b); var d3 = cross(a, b, c); var d4 = cross(a, b, d); if (((d1 > 1e-9 && d2 < -1e-9) || (d1 < -1e-9 && d2 > 1e-9)) && ((d3 > 1e-9 && d4 < -1e-9) || (d3 < -1e-9 && d4 > 1e-9))) return true; if (Math.abs(d1) < 1e-9 && onSeg(a, c, d)) return true; if (Math.abs(d2) < 1e-9 && onSeg(b, c, d)) return true; if (Math.abs(d3) < 1e-9 && onSeg(c, a, b)) return true; if (Math.abs(d4) < 1e-9 && onSeg(d, a, b)) return true; return false; } // 点是否在凸四边形内(含向外交扩容差 tol) function pointInQuad(p, quad, tol) { var sign = cross(quad[0], quad[1], quad[2]) >= 0 ? 1 : -1; for (var i = 0; i < quad.length; i++) { var a = quad[i]; var b = quad[(i + 1) % quad.length]; var d = (b.x - a.x) * (p.y - a.y) - (b.y - a.y) * (p.x - a.x); if (d * sign < -tol) return false; } return true; } // 关键点坐标几何校验:R1 左右成对顺序 / R2 右嘴角与右眼同侧 / R3 鼻尖四边形内 / R4 鼻尖y区间 function validateKeypointGeometry(kpMap, members, errs) { var eL = getPoint(kpMap['left_eye']); var eR = getPoint(kpMap['right_eye']); var nose = getPoint(kpMap['nose']); var mL = getPoint(kpMap['left_mouth']); var mR = getPoint(kpMap['right_mouth']); if (!eL || !eR || !nose || !mL || !mR) { var missing = []; if (!eL) missing.push('左眼'); if (!eR) missing.push('右眼'); if (!nose) missing.push('鼻尖'); if (!mL) missing.push('左嘴角'); if (!mR) missing.push('右嘴角'); errs.push('关键点坐标异常:关键点坐标缺失(' + missing.join('、') + ')'); return; } var eyeDist = Math.sqrt(Math.pow(eR.x - eL.x, 2) + Math.pow(eR.y - eL.y, 2)); if (eyeDist < GEOM_CFG.MIN_EYE_DIST) { errs.push('关键点坐标异常:左右眼坐标几乎重合(' + fmtP(eL) + ' / ' + fmtP(eR) + ')'); return; } // 人脸框高:优先取组内 face 框高度,缺省回退为眼距的 FACEH_FALLBACK 倍 var faceH = 0; members.forEach(function (m) { if (faceH === 0 && normalizePname(m) === 'face' && m.type === 'rect' && m.point) { var bottom = parseFloat(m.point.bottom); var top = parseFloat(m.point.top); if (!isNaN(bottom) && !isNaN(top)) faceH = bottom - top; } }); if (!faceH || faceH <= 0) faceH = eyeDist * GEOM_CFG.FACEH_FALLBACK; var eps = eyeDist * GEOM_CFG.EPS_EYE_RATIO; // 头部偏转(roll)校正:以左眼为原点旋转坐标系,使双眼连线水平后再做左右/上下判定。 // 否则头部倾斜较大时,图像坐标中右嘴角x可能小于左眼x(右偏),左嘴角x可能大于右眼x(左偏),导致误判。 var cosA = (eR.x - eL.x) / eyeDist; var sinA = -(eR.y - eL.y) / eyeDist; function toHeadFrame(p) { var rx = p.x - eL.x; var ry = p.y - eL.y; return { x: eL.x + rx * cosA - ry * sinA, y: eL.y + rx * sinA + ry * cosA }; } var mRr = toHeadFrame(mR); var mLr = toHeadFrame(mL); var noseR = toHeadFrame(nose); // R1 左右成对顺序(校正后双眼连线水平,嘴角连线方向应与之一致) if (mRr.x - mLr.x < -eps) { errs.push('关键点坐标异常:消除头部偏转后左右嘴角x方向与左右眼不一致(左眼' + fmtP(eL) + '→右眼' + fmtP(eR) + ',左嘴角' + fmtP(mL) + '→右嘴角' + fmtP(mR) + ')'); } // R2 右嘴角与右眼必须位于左眼的同一侧(校正后判定,头部倾斜不再误报) if (mRr.x - eL.x < -eps) { errs.push('关键点坐标异常:消除头部偏转后右嘴角(' + fmtP(mR) + ')与右眼(' + fmtP(eR) + ')不在左眼(' + fmtP(eL) + ')的同一侧'); } // R3 鼻尖应在四关键点连线框内(先检测连线自交) var quad = [eL, eR, mR, mL]; var selfCross = segmentsIntersect(quad[0], quad[1], quad[2], quad[3]) || segmentsIntersect(quad[1], quad[2], quad[3], quad[0]); if (selfCross) { errs.push('关键点坐标异常:四关键点连线自交,坐标疑似错乱(' + fmtP(eL) + ' ' + fmtP(eR) + ' ' + fmtP(mR) + ' ' + fmtP(mL) + ')'); } else if (!pointInQuad(nose, quad, faceH * GEOM_CFG.QUAD_TOL)) { errs.push('关键点坐标异常:鼻尖(' + fmtP(nose) + ')不在四关键点连线框内部'); } // R4 鼻尖y应介于眼睛与嘴角之间(校正后双眼等高,含抬头低头容差) var yTol = faceH * GEOM_CFG.NOSE_Y_TOL; var topY = eL.y - yTol; var botY = Math.max(mLr.y, mRr.y) + yTol; if (noseR.y < topY || noseR.y > botY) { errs.push('关键点坐标异常:消除头部偏转后鼻尖y=' + noseR.y.toFixed(1) + ' 超出眼嘴区间 [' + topY.toFixed(1) + ', ' + botY.toFixed(1) + ']'); } } // ---- 悬浮窗 UI ---- let panelContainer = null; let panelBody = null; let panelContent = null; let isMinimized = false; let isDragging = false; let dragOffsetX = 0; let dragOffsetY = 0; let panelX = 20; let panelY = 60; function createPanel() { if (panelContainer) return; panelContainer = document.createElement('div'); panelContainer.id = '_gc_panel'; panelContainer.style.cssText = 'position:fixed;z-index:999999;width:380px;background:#ffffff;border:1px solid #d1d5db;border-radius:10px;box-shadow:0 4px 20px rgba(0,0,0,0.15);font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;font-size:13px;color:#1f2937;overflow:hidden;left:' + panelX + 'px;top:' + panelY + 'px;user-select:none;'; // 标题栏 const titleBar = document.createElement('div'); titleBar.style.cssText = 'display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f3f4f6;cursor:move;border-bottom:1px solid #d1d5db;'; titleBar.innerHTML = '感知2D同源'; titleBar.addEventListener('mousedown', startDrag); panelContainer.appendChild(titleBar); // 按钮组 const btnGroup = document.createElement('div'); btnGroup.style.cssText = 'display:flex;gap:6px;'; const minBtn = createBtn('—', '#e5e7eb', '#d1d5db', function (e) { e.stopPropagation(); toggleMinimize(); }); const closeBtn = createBtn('✕', '#fca5a5', '#f87171', function (e) { e.stopPropagation(); closePanel(); }); btnGroup.appendChild(minBtn); btnGroup.appendChild(closeBtn); titleBar.appendChild(btnGroup); // 内容区域 panelBody = document.createElement('div'); panelBody.style.cssText = 'max-height:500px;overflow-y:auto;transition:max-height 0.25s ease;'; panelContainer.appendChild(panelBody); panelContent = document.createElement('div'); panelContent.style.cssText = 'padding:12px;background:#ffffff;'; panelBody.appendChild(panelContent); document.body.appendChild(panelContainer); } function createBtn(text, color, hoverColor, onClick) { const btn = document.createElement('span'); btn.textContent = text; btn.style.cssText = 'width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;cursor:pointer;font-size:14px;font-weight:bold;color:#374151;background:' + color + ';'; btn.addEventListener('mouseenter', function () { btn.style.background = hoverColor; }); btn.addEventListener('mouseleave', function () { btn.style.background = color; }); btn.addEventListener('click', onClick); return btn; } function toggleMinimize() { isMinimized = !isMinimized; if (isMinimized) { panelBody.style.maxHeight = '0'; panelBody.style.padding = '0'; } else { panelBody.style.maxHeight = '500px'; panelBody.style.padding = ''; } } function closePanel() { if (panelContainer) { panelContainer.remove(); panelContainer = null; } } function startDrag(e) { if (e.button !== 0) return; isDragging = true; const rect = panelContainer.getBoundingClientRect(); dragOffsetX = e.clientX - rect.left; dragOffsetY = e.clientY - rect.top; panelContainer.style.cursor = 'grabbing'; panelContainer.style.transition = 'none'; document.addEventListener('mousemove', onDrag); document.addEventListener('mouseup', stopDrag); e.preventDefault(); } function onDrag(e) { if (!isDragging || !panelContainer) return; panelX = Math.max(0, e.clientX - dragOffsetX); panelY = Math.max(0, e.clientY - dragOffsetY); panelContainer.style.left = panelX + 'px'; panelContainer.style.top = panelY + 'px'; } function stopDrag() { isDragging = false; if (panelContainer) { panelContainer.style.cursor = ''; } document.removeEventListener('mousemove', onDrag); document.removeEventListener('mouseup', stopDrag); } function renderPanel(result) { createPanel(); if (!panelContent) return; const { groups, lonelyMarks, summary, markStatus, marks } = result; let html = ''; // ---- 概要栏 ---- const totalGroups = Object.keys(groups).length; const issueGroups = Object.values(groups).filter(g => !g.pass).length; const lonelyCount = lonelyMarks.length; const statusConflict = markStatus === 1 && marks && marks.length > 0; const ok = issueGroups === 0 && lonelyCount === 0 && !statusConflict; // mark_status 冲突提示 if (statusConflict) { html += '