Bitcoin Pandas #21

<html lang="en">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>
<body>
<canvas id="Panz" style="width:100%;height:auto;" width="1000" height="1000"></canvas>
<script>
const imgs = []
const ords = ['/content/2a21002d6aadf52128b5041699db94ce43bfe6fbcbba70c6d55ecb5ead00a8d2i0','/content/da62c704abf9351baa01ed4819c7c404e1cead5f850aa7b956c6f90a1a69ce4di0','/content/272f416e4128effac6b40b03ca855ed23609253aaf40b0d2b1686b0b6618a325i0','/content/ffeb5134dfaff51b937fc8593a74c301b9604419f0bbdd014387f7ba508e0d8bi0','/content/a0c2026ab05bc67446be69dc0345987f567a644e605bf493fa563cd03b89ff46i0','/content/657b98db13762cbf7c2ca1f321af7a434bac7391322802bcd8508f581990b3cdi0','/content/d001d3ac21aa8689c79f8af5767a028507bfc22ef2dc35aaea831d47f336ace2i0','/content/288ec1dafa02d410c705a3adfa7848cc46880c7b384d5b67f4108745362a7e9bi0']
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>

Bitcoin Pandas #67

Bitcoin Pandas #158

Bitcoin Pandas #202

Inscription #15192927

More from this Collection