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@php.cn