数码资讯
用js实现雪花飘落的效果
今天,HTML5 JS写了Chiari的雪花效果分享: 复制代码代码如下所示: 函数start(){ var数组=新数组(); VaR的画布document.getelementbyid(myCanvas); VaR上下文= canvas.getcontext(2D); 对于(var i = 0;i
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
今天,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;
}
}
}
复制代码代码如下所示:
函数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;
}
}
}
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。