码迷,mamicode.com
首页 > 其他好文 > 详细

图片加载函数

时间:2016-11-04 19:53:11      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:images   class   ges   image   span   rabbit   pre   cvs   length   

  

 1  function imgLoad(imgURL,fn) {
 2         var imgArr = {};//存储图片
 3         var tempImg ; //临时存储图片;
 4         var loaded = 0; //当前已经加载完成几张
 5         var imageLength = 0;//要加载几张
 6         for (var key in imgURL) {
 7             imageLength++;
 8             tempImg = new Image();
 9             tempImg.onload = function () {
10                 loaded++;
11                 if(loaded >= imageLength){
12                     fn(imgArr);
13                 }
14             }
15             tempImg.src = imgURL[key];
16             imgArr[key] = tempImg;
17         }
18     }

调用的时候一个字母写错了 ,调试了 大半天  

 

1  imgLoad({
2         red:‘./images/NPCrabbitbaby.png‘,
3         blue:‘./images/NPCrabbitbaby-2.png‘
4     },function(imgObj){
5         cvs.drawImage(imgObj.red,10,10,100,100);
6         cvs.drawImage(imgObj.blue,150,10,100,100);
7     })

 

图片加载函数

标签:images   class   ges   image   span   rabbit   pre   cvs   length   

原文地址:http://www.cnblogs.com/mr-yuan/p/6031355.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!