content/ffeb5134dfaff51b937fc8593a74c301b9604419f0bbdd014387f7ba508e0d8bi0','/content/c818447c8c935af8d78835e4f0fd47925c6c1ec131e6e69c3bcd8ea2e4a932eai0','/content/805ddbbb4fced210c4b7f41ccccf5f4fa0b1635567dd44376b326790b7e78423i0'] function preloadImage(uri, index) { const img = new window.Image() img.onload=function() { imgs.push({index, img}) if (imgs.length == ords.length) display() } img.setAttribute("src", uri); } function display() { const canvas=document.getElementById("Panz").getContext("2d") const sorted=imgs.sort((a,b)=>{return a.index-b.index}) for (const obj of sorted) canvas.drawImage(obj.img,0,0,1000,1000) } for (let i=0;i<ords.length;i++) preloadImage(ords[i],i) </script> </body> </html>