如何用JavaScript实现漫画场景中逼真的滂沱大雨动画效果？

本文共计745个文字，预计阅读时间需要3分钟。

目录+演示+技术栈+源码+CSS部分+大雨滂沱+演示+技术栈+最近用canvas有点灵感，接上次的雨滴和流星雨思路，我们进一步改进一下+canvas id=canvas width=1280 height=720/canvas+CSS部分+body {

目录

• 演示
• 技术栈
• 源码
• css部分
• 大雨滂沱

演示

技术栈

最近用canvas有点上瘾，接着上次的雨滴和流星雨的思路我们在改进一下

<canvas id='canvas' width='1280' height='720'></canvas>

源码

css部分

body { margin:0; padding:0; background: #000; overflow:hidden; } canvas { background:url('../img/maxresdefault.jpg'); background-size: cover; background-repeat: no-repeat; background-position: center center; }

background-size属性指定背景图片大小。