<!DOCTYPEhtml><html><body><divid="imageContainer"><canvasid="myCanvas"width="500"height="500"style="image-rendering:pixelated;"></canvas></div><script>fetch('/content/b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0').then(response=>response.json()).then(deploy=>{console.log(deploy);//NowyoucanuseyourJSONdataherewindow.deploy=deploy;letnfo={"p":deploy.p,"op":deploy.op,"s":deploy.slug,"t_ins":["b7205d40f3b1b1486567f0d6e53ff2812983db4c03ad7d3606812cd150c64802i0"],"h":"c812741b797923e6cd23b42866f9d9ca9a584c3f7c1a5e2f6aced34156cbe15c","id":"708","a":[[0,deploy.traits.background["brown"].base64],[0,deploy.traits.accessories["rainbow"].base64],[0,deploy.traits.body["gold-square"].base64],[0,deploy.traits.belly["square"].base64],[0,deploy.traits.face["bored-green"].base64]]}console.log(nfo);//Getthecanvascontextletctx=document.getElementById('myCanvas').getContext('2d');//Disableimagesmoothingctx.imageSmoothingEnabled=false;//Foreachlayerfor(leti=0;i<nfo.a.length;i++){letimg=newImage();//Whentheimagehasloadedimg.onload=function(){//Drawtheimageontothecanvasctx.drawImage(img,0,0,500,500);}//Setthesourceoftheimagetobethebase64stringimg.src='data:image/png;base64,'+nfo.a[i][1];}}).catch(err=>console.log(err));//Loganyerrors</script></body></html>