28、《每周一点canvas动画》——canvas特效插件

很长时间没有更新文章了,经过几个月的时间,事情终于忙完了。今天,在这里为大家分享3款 canvas 特效插件,与其说是分享,不如说是为了方便使用,对前面章节的一些效果的封装。

1. Martrix.js

GIthub地址

API

| 属性 | 类型 | 默认值 | 描述
| — |
cW Number 1367 canvas宽度
cH Number 700 canvas高度
wordColor String ‘#33ff33’ 文字颜色
fontSize Number 15 文字大小
speed Number 0.13 下落速度
words String ”0123456…“ 显示文字

属性类型默认描述
cWNumber1367canvas宽度
cHNumber700canvas高度
wordColorString‘#33ff33’文字颜色
fontSizeNumber15文字大小
speedNumber0.13下落速度
wordsString”0123456…“显示文字

具体使用方法请看Github文档

2. Dot.js

文字粒子特效插件,所用的都是前面所讲的知识

GIthub地址

具体使用方法请看Github文档

3.waterWave.js

GIthub地址

具体使用方法请看Github文档

4.结语

今天的分享就到这里,后面会分享跟多的canvas特效插件。前面的文章在我修改完善后会逐渐上传。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值