1 分钟阅读

推荐一个js+canvas的烟花特效,快快分享朋友一起学起来~

废话不多说,先看下效果: 直接上代码: anime.min.js和fireworks.js都可以去anime官网上找到。或者关注公众号回复demo007获取 @(献黄瓜)

废话不多说,先看下效果:
image
直接上代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<style type="text/css">
.fireworks {
position: absolute;
top: 0;
left: 0;
widows: 100%;
height: 100%;
}
</style>
<canvas class="fireworks"></canvas>
<script src="./anime.min.js"></script>
<script src="./fireworks.js"></script>
<script type="text/javascript">
fireworks.setCanvasSize();
</script>

anime.min.js和fireworks.js都可以去anime官网上找到。或者关注公众号回复demo007获取@(献黄瓜)