Javascript pxloader在加载图像时出现问题

大家好，

我正在尝试实现以下预加载程序脚本来加载我的图像文件。 但是，我似乎不知道如何在pxloader脚本加载图像后访问它们

这是我想做的一个例子

 ...
....
<script type="text/javascript" src="js/PxLoader.js"></script>
<script type="text/javascript" src="js/PxLoaderImage.js"></script> 

<canvas id="mycanvas" width="768" height="780">
</canvas>   

<script type="text/javascript">

var loader = new PxLoader();

for(var i=0; i < 5; i++) { 
    var pxImage = new PxLoaderImage('images/alex'+i+'.jpg');
    pxImage.imageNumber = i + 1;
    loader.add(pxImage); 
}

loader.addProgressListener(function(e) { 
         document.getElementById("p1").innerHTML=" -> "+e.resource.imageNumber+" / "+ e.totalCount;
}); 


loader.addCompletionListener(function(e) { 
    var canvas = document.getElementById('sample1-canvas'), 
    ctx = canvas.getContext('2d'); 
        // THIS is where I want to draw one of the above pre-loaded images but I'm not sure how.. 
         ctx.drawImage( **image** , 0, 0);  
}); 

loader.start();

</script>

。。。
....
var loader=新的PxLoader（）；
对于（var i=0；i<5；i++）{
var pxImage=new PxLoaderImage（'images/alex'+i+'.jpg'）；
pxImage.imageNumber=i+1；
添加（pxImage）；
}
loader.addProgressListener（函数（e）{
document.getElementById（“p1”）.innerHTML=“->”+e.resource.imageNumber+“/”+e.totalCount；
}); 
loader.addCompletionListener（函数（e）{
var canvas=document.getElementById（'sample1-canvas'），
ctx=canvas.getContext（'2d'）；
//这是我想画的上面预加载的图像之一，但我不知道如何。。
ctx.drawImage（**图像**，0，0）；
}); 
loader.start（）；

如果有人能给我一些建议，我将不胜感激，因为我自己也无法理解：/

提前感谢,，

---

Alex

将新的5个新PxLoaderImage存储在数组或对象中。

---

一旦在PxLoaderImage的.img属性中找到加载的图像。

不客气！也许你可以给这个库的作者一个注释，让他们深入代码，了解如何最终使用加载的图像。