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