4 var canvas
= document
.createElement('canvas');
5 canvas
.setAttribute('width', '50');
6 canvas
.setAttribute('height', '30');
7 var ctx
= canvas
.getContext('2d');
8 document
.body
.appendChild(canvas
);
10 ctx
.fillStyle
= 'rgb(0, 255, 0)';
11 ctx
.fillRect(0, 0, 10, 10);
12 ctx
.fillRect(11, 0, 10, 10);
13 ctx
.fillRect(22, 0, 10, 10);
14 ctx
.fillRect(33, 0, 10, 10);
15 ctx
.fillRect(0, 11, 10, 10);
16 ctx
.fillRect(11, 11, 10, 10);
17 ctx
.fillRect(22, 11, 10, 10);
18 ctx
.fillRect(33, 11, 10, 10);
21 <p>There should be
8 green squares displayed in a
2 row by
4 column grid.
</p>