【JavaScript编程知识】JavaScript canvas实现雨滴特效.docxVIP

PAGE PAGE 1 JavaScript canvas实现雨滴特效 　　本文实例为大家分享了canvas实现雨滴特效的具体代码，供大家参考，具体内容如下 　　一、雨滴特效需求 　　雨滴从窗口顶部随机下落到达底部将呈现波纹逐渐散开变淡直到消失，雨滴特效随窗口变化自适应 　　二、雨滴实现思路 　　1. 用面向对象的思维 首先创建canvas画布 ，绘制一个雨滴的初始化形状2. 在给雨滴添加运动的方法3. 通过定时器让雨滴运动起来 　　三、具体分析 　　1.雨滴初始化需要的属性有哪些？坐标x，y 宽高w，h 。2.雨滴下落是逐渐加速下落不是匀速需要给一个加速度的属性，