前端消费:从 detections 到 SVG 叠加的渲染全链路
ne101_camera 前端消费:detections 拉取、JSON string 解析、按类别上色(golden-angle HSV)、SVG 叠加渲染(polygon + rect fallback)、object-cover 坐标变换、ResizeObserver 回调 ref 模式、Transform 三级生命周期
ne101_camera 前端消费:detections 拉取、JSON string 解析、按类别上色(golden-angle HSV)、SVG 叠加渲染(polygon + rect fallback)、object-cover 坐标变换、ResizeObserver 回调 ref 模式、Transform 三级生命周期
ne101_camera 数据契约:MQTT 设备遥测、扩展响应归一化(boxes_x1y1x2y2 / objects_bbox / detections_bbox / ocr_text_blocks)、JSON string detections 解析、ROI Sutherland-Hodgman 裁剪算法、virtual 指标输出前缀映射
ne101_camera 组件构建:IIFE 注入范式(window.React + jsxRuntime)、命名导出对象、五层模块结构、React hooks 在 IIFE 中的三大陷阱(#310 hooks 顺序、frozen input、conditional useState)、ConfigPanel/AdvancedPanel/ExtDropdown 子组件、shadcn CSS 类复刻