HTML5 用动画的表现形式装载图像

2019-01-28 22:07:05王旭
  • drawWidth += 20;     drawLeft -= 10;    
  • if(drawLeft < 0) clearInterval(interval);     },100);    
  • }     //以逐渐横向栅格加载方法    
  • function drawImg3(){     var drawWidth = 0,    
  • spaceWidth = canvas.width/20, //10指分割的块数     interval = setInterval(function(){    
  • for(var i = 0;i<20;i++){     context.drawImage(image, i*spaceWidth, 0, drawWidth, image.height, i*spaceWidth, 0, drawWidth, image.height);    
  • }     drawWidth += 5;    
  • if(drawWidth > spaceWidth) clearInterval(interval);     },100);    
  • }  

    以上内容是小编给大家介绍的HTML5 用动画的表现形式装载图像,希望对大家有所帮助!