A vue.js Particles Animation Background Component

A sample component to make particles animation in Vue-js. check it in the github repository below.

 

 

 

Project URL  https://github.com/lindelof/particles-bg-vue

Online demo

Install

Usage

Method 1: Import and use in the component

Method 2: Use it globally

Parameter Description

* type – Is the type of particle animation

Is the type of particle animation, random is a random selection. You are also free to customize use custom.

* num – The number of particles emitted each time, generally not set

* color – The background color or particle color of the particle scene

Notice: which should be an array under type=color

* canvas – canvas dom style

* bg – Set to html background

Is set the following properties

About Custom

You can use type=”custom” to achieve a higher degree of freedom for the particle background.

License

https://opensource.org/licenses/MIT

 

 

Share this: