Загрузка изображения с помощью Kineticjs

Question

У меня возникли проблемы с загрузкой простого изображения в слой. Иногда это появляется, другие - нет.

<div id="container0" style="position:absolute; top:5px; left: 5px;"></div> 

<script> 
    Layer = new Kinetic.Layer(); 

    window.onload = function() { 

    stage = new Kinetic.Stage({ container: "container0", width: 1000, height: 500 }); 
    stage.add(Layer); 
    var img = new Image(); 
    img.src = "Images/Start.png" 
    Image= new Kinetic.Image({ x: 250, y: 150, width: 251, height: 231,image: img}); 
    Layer.add(Image) 

    Layer.draw(); 
    }; 
</script> 

Я предполагаю, что это показывает или нет, зависит от того, если время загрузки изображения достаточно быстро, но я, вероятно, не делать это правильно. Любая помощь приветствуется. Благодаря

Answer 1

Использование image.onload:

img.onload = function(){ 
    Image= new Kinetic.Image({ x: 0, y: 0, width: 251, height: 231,image: img}); 
    layer.add(Image); 
    layer.draw(); 
} 

http://jsfiddle.net/lavrton/WeVW4/1/