html canvas 元素的绘图操作是异步的吗？


var ctx = canvas.getContext('2d');
for (var i = 0; i < canvas.height; i++) {
for (var j = 0; j < canvas.width; j++) {
var r1 = Math.round(Math.random() * 255),
r2 = Math.round(Math.random() * 255),
r3 = Math.round(Math.random() * 255);
ctx.fillStyle = 'rgba(' + r1 + ',' + r2 + ',' + r3 + ',' + '1' + ')';
ctx.fillRect(j, i, 1, 1);
}
}

图像是一下子渲染出来的，而不是一个个像素出现的。