Question

请帮助我理解我应该在哪里Image.onload正确地绘制图像？

我的情况：

我从Json文件加载我的图像并将它们存储在数组中（imgArray它是带有图片链接的数组）：

25 GiB/s

比我创建一个接受我的imgArray并为每个链接创建新图像并将它们放入新数组的函数：

   var xhr = new XMLHttpRequest();
        xhr.open('GET', 'img/img.json', false);
        xhr.send();
        imgArray = JSON.parse(xhr.response);

例如，我想绘制其中一张图片：

 function loadImage(ImgArray){

    var pics = [];
    var img;

        ImgArray.forEach(function(link){
        img = new Image();
        img.src = link;

        pics.push(img.src);
    });
        return pics;
};

draw（）函数的结果是带有新图像链接的数组，但我不能绘制它们，因为据我所知，它们还没有被加载。请有人告诉我什么时候应该这样做？

以下是完整故事的链接：http://jsfiddle.net/L23oam57/1/

Answer 1

Recrusive call：

{{1}}

在这种情况下我应该在哪里使用img.onload？

1 个答案: