python实现雪花飘落效果_HTML5 canvas绘制雪花飘落动画（需求分析、知识点、程序编写分布详解）...

您的浏览器不支持canvas画布

//获取mycanvas画布

varcan=document.getElementById("mycanvas");varctx=can.getContext("2d");//画布宽度

varwid=window.innerWidth;//画布高度

varhei=window.innerHeight;

can.width=wid;

can.height=hei;//雪花数目

varsnow= 100;//雪花坐标、半径

vararr=[];//保存各圆坐标及半径

for(vari= 0; i

arr.push({

x: Math.random()*wid,

y: Math.random()*hei,

r: Math.random()* 10 + 1})

}//画雪花

functionDrawSnow() {

ctx.clearRect(0,0, wid, hei);

ctx.fillStyle= "white";

ctx.beginPath();for(vari= 0; i

ctx.moveTo(p.x, p.y);

ctx.arc(p.x, p.y, p.r,0,2 *Math.PI,false);

}

ctx.fill();

SnowFall();

ctx.closePath();

}//雪花飘落

functionSnowFall() {for(vari= 0; i

p.y+=Math.random()* 2 + 1;if(p.y>hei) {

p.y= 0;

}

p.x+=Math.random()* 2 + 1;if(p.x>wid) {

p.x= 0;

}

}

}

setInterval(DrawSnow,50);