功能
一个简单的canvas动画,可以做一些登录背景啥的,在指定dom内创建随意个数、大小、颜色、运动速度自由运动的小球
安装
npm i bz_moving_balls
引入
import { movingBalls } from 'bz_moving_balls'
使用
<div id="ball" style='width:300px; height:300px; border:1px solid #000;'></div>
movingBalls({
dom:'ball'
})
参数说明
movingBalls()的参数是一个对象
params.dom必传
params Object
{dom String require} 容器id
{ballNum Number} 小球数量
{colorArr Array} 颜色种类
{speed Array} 速度范围,长度2
{rMinMax Array} 小球半径范围,长度2
结语
这个插件比较简单,网上这种效果很多,希望能提高工作效率,有问题欢迎评论,谢谢大家。