Javascript 不是每次都在HTML5画布上绘制图像

我正在开发一个web应用程序，用户可以使用它构建一个包含简单对象（矩形）的网格，这些对象可以容纳文本和/或图像。用户可以创建任意数量的对象，并在每个可以保存图像的对象中上载自己的一个对象。如果您想测试该应用程序，该应用程序是在线的：（使用demo@demo.com/演示要登录的电子邮件和pswd字段）

完成工作后，他们可以将网格转换为PNG。首先在HTML画布上绘制网格上的所有内容，然后在本地将其转换为PNG图像

当需要在画布上绘制现有图像阵列时，我首先必须预加载它们，我的做法如下：

query = [];   // array with paths to the image

var count = query.length,
    images = [],
    loaded = 0;

for (i=0; i<count; i++) {
    images[i] = new Image();
    images[i].onload = function(){
        loaded++;
        if (loaded == count)
                           drawOnCanvas();
    };
    images[i].src = query[i];
}

function drawOnCanvas() {
        // draw the images onto the canvas
}

query=[]；//具有图像路径的数组
var count=query.length，
图像=[]，
加载=0；
对于（i=0；i
GEThttp://goalcandy.com/workspaces/w25022a4a2d3592.png 404（未找到）视图：57
很抱歉，请重试。