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 に答える