HTML2canvas脚本未输出正确的顺序

Question

我正在尝试使用HTML2canvas将所有表行输出到div中。它工作正常，所有行作为图像输出到指定的div。我遇到的问题是div中某些输出图像的顺序与HTML中表行的顺序不同。似乎某些行在其他行之前被转换为图像。任何人都可以告诉我为什么会发生这种情况以及是否有解决方法？我的代码片段在

下面

var n = 0;


function nextStep() {
    m++;
    if (m >= 19) return;
    // some body
    allTrs.each(function() {
        html2canvas($(this), {
            onrendered: function(canvas) {
                // canvas is the final rendered <canvas> element

                n = n + 1;

                var myImage = canvas.toDataURL("image/png");
                $('#outputimages').append('<img style="display:block; width:700px;" src="' + myImage + '" class="' + n + '" />');
                nextStep();
            }
        });
    });
}
nextStep();