呈上项目下载地址,请享用
功能简述
- 生成自定义的canvas对象,小点自动移动,当两个点小于连线范围就可能连接;离开则断开;
- 鼠标移入时,附近的点会吸附过去
- 鼠标离开时,聚拢的点会分散开
使用说明
-
下载项目(GitHub为例,直接下载解压即可食用)
-
创建实例即可使用,可根据需要自定义传参(献上参数列表)
| 描述 | 参数名 | 默认值 | 备注 |
|---|---|---|---|
| 背景盒子ID值 | faBoxId | - | 必填 |
| 点宽 | ball_w | 2 | 选填 |
| 点高 | ball_h | 2 | 选填 |
| 点颜色 | ball_color | 0,117,183 | 选填 |
| 点数量 | ball_count | 200 | 选填 |
| 线颜色 | line_color | 35,171,242 | 选填 |
| 连线距离 | line_dist | 10000 | 选填 |
| 每个点最大连线数量 | line_conn | 10 | 选填 |
| 鼠标吸附加速度距离 | e_dist | 16000 | 选填 |
效果展示