<script> var canvas = document.getElementById('memo'); var context = canvas.getContext('2d'); var c=new Array(); c[1]="red"; c[2]="pink"; c[3]="yellow"; c[4]="blue"; c[5]="green"; c[6]="black"; c[7]="purple"; c[8]="white"; c[9]="orange"; var x=new Array(); var y=new Array(); tx=0; for(s=1;s<4;s++){ for(sx=1;sx<4;sx++){ tx=tx+1; x[tx]=100*s-100; y[tx]=100*sx-100; }} for(s=1;s<10;s++){ context.fillStyle=c[s]; context.fillRect(x[s],y[s],100,100); } </script>
