canvas-bg v0.0.5

canvas-bg,一个使用canvas制作的背景动画

安装

npm

npm install canvas-bg

yarn

yarn add canvas-bg

使用

createParticle

动态粒子

import {createParticle} from "canvas-bg"
const dom = document.querySelector("#bg")
createParticle(dom, {
    pointNum: 150,
    velocity: 20,
    backgroundColor: "#1e1e1e",
    randomColor: true
})

createCodeWaterfall

字符瀑布

const dom = document.querySelector("#bg")
createCodeWaterfall(dom)

createFirework

烟花 此动画需鼠标点击触发

const dom = document.querySelector("#bg")
createFirework(dom)

createSnow

雪花飘动

const dom = document.querySelector("#bg")
createSnow(dom, "black")