Javascript KineticJs无法绘制图像

大多数KineticJS类（如Circle和Rect）工作正常。然而，当试图在我的代码中实现带有图像的精灵时，程序失败了

以下是我收到的错误：

我认为发生这种情况是因为它试图在绘制图像之前绘制精灵。因此，我已作出努力，以避免这种情况

var images = {}; // this empty object will hold later our loaded images
var imagesLoaded = false;

var sources = 
{ // we define here the list of our assets to load
    debug: '../images/red_player_1_standing.png',
    sprite: '../images/redmenwalking_down.png'
};

var loadedImages = 0;
var numImages = 0;

for(var src in sources) 
{
    numImages++;
}

for(var src in sources) 
{
    images[src] = new Image();
    images[src].onload = function() 
    {
        if(++loadedImages >= numImages) 
        {
            imagesLoaded = true;

            var DEBUG = new Kinetic.Sprite(
            {
                x: 300,
                y: 300,
                image: images['debug']
            })

            layer.add(DEBUG);
        }
    };

    images[src].src = sources[src];
}

---

您可以创建JSFIDLE吗？