FlowingLight 流光
专用于可视化大屏添加流光线条，增添动态效果，为了便于观看流光效果，在每个示例外层均添加了一个颜色背景（如果可以的话，也可以在暗黑模式下观看），只支持单一反向，不支持环形
使用方式
npm
sh
npm i @nrelaxed-ui/flowinglightpnpm
sh
pnpm i @nrelaxed-ui/flowinglight基本用法
蒙版
曲线
可以使用bezier-tools获取贝塞尔曲线值，如果你觉得不好用，也可以找找其他的工具
API
流光配置参数说明,每条流光单独配置
config
配置信息
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| length | 流光主光线长度 | number | 40 |
| shade | 流光副光线（两端）长度 | number | length / 3 |
| speedDistance | 流光单帧移动的距离 | string | 2 |
| color | 流光主体颜色（支持rgb、hex、rgba格式） | string | #FFFFFF |
| lineWidth | 流光线条粗细度 | number | 1 |
| shadowBlur | 流光阴影模糊度 | number | 0 |
| shadowColor | 流光阴影颜色（支持rgb、hex、rgba格式） | string | #FFFFFF |
| interval | 流光循环动画间隔时间 | number | 0 |
| delay | 动画起始延迟时间 | number | 0 |
| debug | 是否开启调试（开启调试后，流光轨迹线将以红色常显示，方便调试轨迹线） | boolean | false |
points
坐标集
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| x | x轴坐标 | number | - |
| y | y轴坐标 | number | - |
| cp | 二次贝塞尔曲线控制点 | [number,number] | 2 |
mask
蒙版，可直接传入图片地址，支持本地静态或者网络地址
当传入的参数为对象时：
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| deg | 旋转度数 | number | 90 |
| options | 蒙版配置参数 | IMaskOption|IMaskOption[] | - |
IMaskOption
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| start | 起始值 | string | - |
| end | 结束值 | string | - |