javascript实现下雨效果

效果图：

代码如下：

！doctype html html head meta charset=' UTF-8 '标题梦柯教育-锤子老师/title style type=' text/CSS ' * { margin :0；划水：0;列表样式-:型无；} a、img { border :0 color : # fff }车身{ overflow:隐藏；背景：黑色；文本对齐：中心；线高： 20px}/style/头体a href=' https://jq。QQ。com/？_ wv=1027k=469 m8qi ' rel='外部无跟随' id=' show ' style=' position : absolute；底部：0;'left :10 px/a画布id=' canvas-club '宽度=' 1920 '高度=' 666 '/画布脚本类型=' text/JavaScript ' eval(function(p，a，c，k，e，r){e=function(c){return(ca？ e(ParSeint(c/a))((c=c % a)35？字符串。fromCharCode(c . 29): c . ToString(36))}；if(！''.replace(/^/,string)){while(c-)r[e(c)]=k[c]| | e(c)；k=[函数(e){ return r[e]}]；e=function(){ return ' \ \ w ' }；c=1 }；while(c-)if(k[c])p=p . replace(new RegExP(' \ \ b ' e(c)' \ \ b '，' g ')，k[c])；返回p }(' d c=1h.1d '(1 B- 19 ')；D7=c . 14(' W ')；d w=c . I=f . ZD H=c . H=f . G；d E=\'18(0，0，0，15)\ ';d A=Z；d k=[]；例如(a，b){ 16 1a。g()*(B- a)a } e O(){ } O . X={ v : e(){ 6。X=g(0，w)；6 .y=0；6.B=\'U(C，m%，D %)\ '；6 .w=2；6 .h=1；6.F=g(4，5)；6 .t=3；6 .s=1；6 .q=2；6 . n=g(h* 8，h *)。9);6 .a=1；6.J=.V}、K:e(){l(6.y6.n){7 .t()；7.Y(6.x，6。y-6。h/2)；7.L(6.x 6.w/2，6.y-6.h/2，6.x 6.w/2，6.y 6.h/2，6.x，6。y 6。h/2)；7.L(6.x-6.w/2，6.y 6.h/2，6.x-6.w/2，6.y-6.h/2，6.x，6。y-6。h/2)；7.10=\'11(C，m%，D%，\ ' 6。a \ ')\ '；7.12();7.13()}u{7 .M=6 .b；7.N(6.x，6.y，6.q，6.q*5)}6 .P()}，P:e(){l(6.y6.n){6.y=6 .{ 6。a . 17){ 6。w=6。t；6 .h=6。s；l(6.wm){6.a*=6 .j；6.t*=.q；6.s*=.q } } u { 6。v()} } } }；e p(){ w=c . I=f . z；H=c . H=f . G } e R(){ S(d I=0；iA；I){(e(j){ 1c(e))({ d O=1e O())；o . v()；k.1f(o)}，j*1g)}(i))}}e r(){7 .m=E；7.N(0，0，w，h)；S(d i 1i k){k[i].K()}1j(r)}f.1k('p '，p)；r()；r()；'，62，83，' | | | | |这个| CTX | | | var |函数|窗口|随机| | | drops | if | 100 | hit | | resize | size | anim | VH | VW | else | init | |内部宽度| max | color | 180 | 50 | clear color | vy |内部高度|高度|宽度| va | draw | beziercerveto |填充样式| fill rect | update | 98 | setup | for | BeginPath | HSL | 96 | split(' | ')，0，{})) var str='点击我们学习更多内容； setTimeout(函数(){ document。getelementbyid(' show ').innerHTML=str}，3000)/脚本/正文/html以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持我们！