canvas-jumping-characters

跳跃的字符, 点击网页背景, 出现逐渐消失的字符, 支持多种自定义配置

源码地址

在线演示

https://codesandbox.io/s/canvasjumpingcharacters-wckpv

基本用法

new JumpingCharacters({
container: '#app',
});

可配置项

Key

Type

Require

Description

container

string

true

挂载的canvas节点

cvsWidth

number

false

画布的初始宽

cvsHeight

number

false

画布的初始高

cvsBgColor

string

false

画布背景色

text

string[]

false

产生的文字

textColor

string[]

false

文字颜色

textSize

number

false

文字大小

safeDistance

number

false

安全距离(文字移动多远后消失)

initialOpacity

number

false

初始透明度

speed

number

false

移动速率

注意事项

待补充...