0

大家好，

我正在尝试实现以下预加载器脚本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>

如果有人能给我一些指示，我将不胜感激，因为我自己无法弄清楚：/ .. 。

提前致谢， 亚历克斯

4

1 回答 1

1

将新的 5 个新 PxLoaderImage 存储在数组或对象中。在 PxLoaderImage 的 .img 属性中找到加载的图像。

于 2013-10-25T14:41:59.743 回答