chartsAndDataViz
光束流动示意图
沿着线走的并不是光,而是渐变。linearGradient 的坐标是属性,CSS 动不了它们,所以要用两个 SMIL 的 animate 同时推动 x1 和 x2。而且每条连线都需要自己的渐变:在 userSpaceOnUse 下坐标是绝对的,共用一个会让五道光束都从同一个位置出发。
实时预览并复制提示词可调整的参数
- 背景
- 轨道颜色
- 头部颜色
- 图标颜色
- 光束长度
- 一圈时长
- 中心节点尺寸
目录的使用方式
每个组件都附带完整的复现提示词:把它粘贴到 AI 构建器中,就能得到完全一致的组件。上方的参数均可编辑,复制的提示词会带上你选择的数值,生成的就是你看到的。
