constrenderSize={width:600,height:600};asyncfunctiondownloadTrait(url){returnnewPromise((resolve)=>{constimage=document.createElement("img");image.src=url;image.crossOrigin="anonymous";image.onload=()=>resolve(image);});}asyncfunctionrenderTraitsOnImage(image,urls){constcanvas=document.createElement("canvas");canvas.width=renderSize.width;canvas.height=renderSize.height;constctx=canvas.getContext("2d");ctx.imageSmoothingEnabled=false;constimages=awaitPromise.all(urls.map(downloadTrait));images.forEach((_)=>ctx.drawImage(_,0,0,canvas.width,canvas.height));image.src=canvas.toDataURL("image/png");}asyncfunctionrun(){document.body.style.margin="0px";document.body.style.padding="0px";constimage=document.createElement("img");image.id="img";image.style.objectFit="contain";image.style.imageRendering="auto";consttraitUrls=document.querySelector("script[t]").getAttribute("t").split(",").map((trait,i)=>traits[i][parseInt(trait.trim(),10)-1]);awaitrenderTraitsOnImage(image,traitUrls);document.body.appendChild(image);}window.onload=run;