feat(value_rank): 社交关系图支持群友头像节点渲染

- 关系图节点优先使用 ContactManager 头像地址渲染，缺失头像自动回退昵称首字 - 新增 SVG clipPath 头像裁剪层与节点边框视觉策略，提升核心人物识别度 - 模板新增 __NODE_DEFS__ 占位符，支持头像裁剪定义注入
2026-04-21 15:06:42 +08:00
parent cfae6cfe30
commit 0b43bb7fe9
3 changed files with 120 additions and 4 deletions
@@ -49,12 +49,15 @@
    <div class="graph-wrap">
      <svg width="__WIDTH__" height="__HEIGHT__" viewBox="0 0 __WIDTH__ __HEIGHT__">
        <rect x="0" y="0" width="__WIDTH__" height="__HEIGHT__" fill="rgba(247,251,255,0.72)"></rect>
+        <defs>
+          __NODE_DEFS__
+        </defs>
        __EDGE_SVG__
        __NODE_SVG__
      </svg>
    </div>
    <div class="legend">
-      说明：节点越大代表连接群友越多；连线越粗代表互动越强。该图仅基于 @ 关系统计，不含纯文本对话引用关系。
+      说明：节点越大代表连接群友越多；连线越粗代表互动越强。节点优先显示成员头像，缺失头像时自动回退昵称首字。
    </div>
  </div>
 </body>