用途:fx-knowledge-graph 提供一种基于 Canvas 的视觉特效,画面为相互连接的节点缓慢漂移,用作数据或 AI 主题的背景氛围。它来自 Open Design 的 html-ppt fx 包(Apache-2.0),属于 motion-anything 项目,并遵循 MOTION-SPEC.md。
适用场景:适合幻灯片或发布视频中的标题卡、章节分隔或主视觉时刻。不适合网页正文内容,也不适合需要专注阅读的场合;同一时间不应使用超过一个此类醒目特效。
使用方式:复制 knowledge-graph.js 与 _util.js 并引入链接;在已定位的容器上添加 data-fx="knowledge-graph",然后调用 HPX'knowledge-graph'。调用时需对 prefers-reduced-motion 做保护判断。
无障碍与性能:应使用 prefers-reduced-motion 进行保护,若用户偏好减少动态则不要启动;特效基于 Canvas,并使用隔离的合成层。
限制:资料未提供更多关于参数配置、浏览器兼容范围或具体性能指标的说明。