今天,HTML5 JS写了Chiari的雪花效果分享:
复制代码代码如下所示:




函数start(){

var数组=新数组();

VaR的画布document.getelementbyid(myCanvas);

VaR上下文= canvas.getcontext(2D);

对于(var i = 0;i < 50;i + +){

无功showsnow =新showsnow();

Array.push(showsnow);

}


时间= setInterval(){()函数(

context.clearrect(0,0,canvas.width,帆布,高度);
对于(var i = 0;i < array.length;i++){


数组{ }。移动();
数组{ }。绘制(上下文);

}

},500);

}
功能showsnow(){
var y = parseInt(Math.random()×50)×10;

var x = parseInt(Math.random()×80)×10;

这个函数=(函数){


背景。字体=50px宋体;
context.filltext(×


}
移动=函数(){
y=20;

如果(y > 600){
y=0;
}
}
}