Estoy tratando de descargar algún objeto en la página desde la consola. Pero solo se guarda cuando I = 3 (última iteración), creo que el problema puede ser la necesidad de esperar las descargas, pero no sé cómo resolverlo.

Primero, los elementos son renderizados por lienzo, así que los convierto en formato de imagen. Luego, conviértalos en elemento y haga clic en él para descargar.

Uso la forma en ¿Cómo guardar una imagen base64 en el disco del usuario usando JavaScript?

Pero solo funciona en la última iteración... ¿alguna ayuda? muchas gracias.

 for(let i=1;i<=3;i++){ // load image item_id = 'page'+i; document.getElementById(item_id) let image = document.getElementById(item_id).toDataURL("image/png").replace("image/png", "image/octet-stream"); // download image var link = document.createElement("a"); document.body.appendChild(link); link.setAttribute("href", image); link.setAttribute("download", item_id+'.png'); link.click(); }