JSFiddle - React, Tailwind, and code Playground

HTML

<canvas width="600" height="600"></canvas>
<div></div>

JavaScript

var ctx = document.getElementsByTagName('canvas')[0].getContext('2d');

var sqs=32 ;
for (var i=1;i<9;i++){
    for (var j=1;j<9;j++){
        var img=new Image();
        (function(i,j,img){
            img.onload=function(){
                ctx.drawImage(img,sqs*(i-1),sqs*(j-1),32,32);
            };
            img.src="http://placekitten.com/"+(30+i)+"/"+(30+j);
        })(i,j,img) ;
    }
}