呈上项目下载地址,请享用

  • 码云:https://gitee.com/zheng_gitee/bg_star.git
  • GitHub:https://github.com/Jerry4132/star.git

功能简述

  • 生成自定义的canvas对象,小点自动移动,当两个点小于连线范围就可能连接;离开则断开;
  • 鼠标移入时,附近的点会吸附过去
  • 鼠标离开时,聚拢的点会分散开

使用说明

  • 下载项目(GitHub为例,直接下载解压即可食用)
    canvas实现画布动画星空网页背景

  • 创建实例即可使用,可根据需要自定义传参(献上参数列表)

描述 参数名 默认值 备注
背景盒子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 选填

效果展示
canvas实现画布动画星空网页背景
canvas实现画布动画星空网页背景
canvas实现画布动画星空网页背景

相关文章: