1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > html5.js百度网盘 HTML5 Canvas+js仿百度网盘扫描文件过程加载动画

html5.js百度网盘 HTML5 Canvas+js仿百度网盘扫描文件过程加载动画

时间:2021-06-23 02:25:17

相关推荐

html5.js百度网盘 HTML5 Canvas+js仿百度网盘扫描文件过程加载动画

HTML5 Canvas+js仿百度网盘扫描文件过程加载动画

这是一款简单的HTML5 Canvas+js仿百度网盘扫描文件过程加载动画效果,网盘文件扫描百分比加载动画特效。

var w=document.body.clientWidth;

var h=document.body.clientHeight;

var canvas=document.createElement('canvas');

canvas.width=w;

canvas.height=h;

document.body.appendChild(canvas);

canvas.style.backgroundColor="#0073B3";

var context=canvas.getContext('2d');

var Rot=0;

var R_init=0;

var timer=null;

var targent_R=Math.round(w/10);

setInterval( function(){

R_init=R_init+1;

if(R_init

{

Drawcilrcle(context,R_init);

if(R_init===targent_R){

setTimeout(function(){

clearInterval(timer);

timer=setInterval( function(){

Rot=Rot+1;

if(Rot<180)

{

Drawcilrcle(context,targent_R);

Drawmove(context,targent_R,Rot);

Drawmove_bottom(context,targent_R,Rot);

Drawtext(context,Rot)

}

else if(Rot===180){

Drawcilrcle(context,targent_R);

Drawfinsh(context,targent_R,360);

Drawtext(context,Rot);

}

},10);

},50);

}

}

},5);

申明:本站所有资源都是转载各大下载站,或由网友投稿发布,请自行检测软件的完整性,如有侵权请联系我们删除下架,联系方式:admin@

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。