加快画布中的绘图图像

Question

我必须在一个画布上绘制多个图像。我制作了一个有效的程序，但是我必须加快显示速度。我看到图像一个接一个出现：

var ctx = document.getElementById('images_tiles').getContext('2d');
function handler() {
    var i = this.i;
    ctx.drawImage(this.img_src, this.r * tileSize, this.c*tileSize,  tileSize * tileList[i].qw, tileSize * tileList[i].qh);
}


//Draw tiles in spiral
for (i=0; i<tileList.length; i++)
{
    var o = { img_src: new Image, c: tileList[i].y, r: tileList[i].x, i: i };
    o.img_src.onload = handler.bind(o);
    o.img_src.src =  './viewer/images/'+path+'/LOD'+glod+'/tiles_'+ o.c + '_' + o.r +'.jpeg';
}

我看到Webworker可以进行并行化但不能进行显示。那么你有解决方案或/和技巧。