移动的小球

138 阅读1分钟

功能

一个简单的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

结语

这个插件比较简单,网上这种效果很多,希望能提高工作效率,有问题欢迎评论,谢谢大家。