Also habe ich eine ziemlich große Leinwand gemacht, die mit 1x1 Pixeln gefüllt war, und ich wollte einen Ladebildschirm dafür machen. Das Problem, nachdem die Schleife, die die Zeichenfläche füllt, beendet ist, weist darauf hin, dass der Ladevorgang abgeschlossen ist, die Zeichenfläche sich jedoch nicht geändert hat. Ich machte einenjsfiddle hier zu demonstrieren. Wie kann ich herausfinden, wann der Canvas tatsächlich mit Javascript oder Jquery geladen wurde und was dieses Verhalten verursacht?

var ctx=document.getElementById('canvas').getContext('2d');
for(var x=1;x<600;x++){
    for(var y=1;y<600;y++){
        var color= '#' + Math.floor (Math.random() * 16777215).toString(16);
        ctx.fillStyle=color;
        ctx.fillRect(x,y,1,1);
    }
}
alert('done!');