废话不多说,先看下效果:
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获取

希望这篇文章能给你带来知识和乐趣,喜欢博主的文章可以加博主好友哦

有好的文章也可以向博主投稿哦