particle-bg

0.5.0 • Public • Published

particle-bg

生成粒子背景。

Install

NPM

npm i particle-bg

CDN

https://unpkg.com/particle-bg/lib/particle-bg.umd.min.js

Usage

ES Module

import particleBg from 'particle-bg';
 
particleBg('body');

Browser

<script src="https://unpkg.com/particle-bg/lib/particle-bg.umd.min.js"></script>
<script>
  particleBg('body');
</script> 

API

particleBg(element, config)

element

要插入粒子背景的DOM。

config [Object]

粒子背景的一些配置。

config.color

default: '#fff'

粒子的颜色。

config.count

default: 100

粒子的数量

config.radius

default: 2

粒子的半径

config.distance

default: width / 10

粒子间距小于多少会连线

config.rate

default: width / 10000

粒子运动的速率

config.zIndex

default: 1

canvas的z-index.

config.resize

default: true

是否监听window.resize,自动缩放粒子背景。

config.line

default: true

粒子之间是否连线。

config.bounce

default: false

是否触碰边界进行反弹。

LICENSE

MIT © PengJiyuan

Package Sidebar

Install

npm i particle-bg

Weekly Downloads

21

Version

0.5.0

License

MIT

Unpacked Size

17.1 kB

Total Files

6

Last publish

Collaborators

  • pjy