用途:按 Skill 资料,Morphing Icons 用于构建可在任意图标之间平滑变形的 SVG 图标组件,适用于需要真实形状过渡而非交叉淡入的交互场景。
主要能力:所有图标共享同一 3 线结构。每条线含 x1、y1、x2、y2 和可选 opacity;不足三线的图标用 collapsed 常量(位于 14x14 viewbox 中心的零长度线,opacity 为 0)补齐。图标定义含三条线、可选 rotation 和可选 group。同一 group 的图标在切换时平滑旋转,不同 group 之间跳跃到新角度。
必要用法与限制(来自 Skill 规则):必须恰好三条线;未用线必须用 collapsed 常量而非省略或 null;所有图标使用同一 viewBox(推荐 14x14);旋转变体必须共享同一 group 与基础线;分组图标间旋转应使用弹簧物理;需遵循 prefers-reduced-motion 禁用动画;非同一 group 之间旋转应即时跳转;线端使用 strokeLinecap="round";SVG 应设 aria-hidden="true"。推荐过渡采用 ease: [0.19, 1, 0.22, 1]、duration: 0.4。常用两种线图标的写法、三线图标和点图标(零长度线作点)均在资料中给出。审计输出格式为 file:line - [rule-id] 描述,并附规则、数量、严重度汇总表。
具体安装命令、包名、平台支持与收费信息暂未提供。