<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
<canvas width="500" height="500" id="memo"></canvas>
<script>
var canvas = document.getElementById('memo');
var context = canvas.getContext('2d');
var x=new Array();
x[1]="red";
x[2]="pink";
x[3]="yellow";
x[4]="red";
x[5]="green";
x[6]="yellow";
x[7]="red";
x[8]="white";
x[9]="yellow";
tx=0;
for(s=1;s<4;s++){
for(sx=1;sx<4;sx++){
tx=tx+1;
context.fillStyle=x[tx];
context.fillRect(100*s,100*sx,100,100);
}}
</script>
</body>
</html>
最終更新:2018年05月31日 00:19