JavaScript不会一次保存所有图像

Question

所以，这是我的问题。我试图将所有图像从Javascript和执行以下操作的代码保存在本地驱动器中：

window.onload = function () {
    console.log(" IN ON LOAD FUNCTION ")
    for (filename=1; filename<=80; filename++)
    {
        console.log(filename)
        html2canvas(document.querySelector(`.lead${filename}`)).then(canvas => {
            canvas.toBlob(function(blob) {
                saveAs(blob, `${filename}.png`);
                    });
            });
    }
}

所以代码很清楚。我有大约80个具有不同类名的div，我正在从中提取文本并将其保存为canvas并将该画布下载为png格式，但是问题是有时它会下载大约10张图片，有时根本不下载。关于这个问题有帮助吗？还有其他办法吗？