| <html> |
| <body> |
| <script> |
| var canvas = document.createElement('canvas'); |
| canvas.setAttribute('width', '50'); |
| canvas.setAttribute('height', '30'); |
| var ctx = canvas.getContext('2d'); |
| document.body.appendChild(canvas); |
| |
| ctx.fillStyle = 'rgb(0, 255, 0)'; |
| ctx.fillRect(0, 0, 10, 10); |
| ctx.fillRect(11, 0, 10, 10); |
| ctx.fillRect(22, 0, 10, 10); |
| ctx.fillRect(33, 0, 10, 10); |
| ctx.fillRect(0, 11, 10, 10); |
| ctx.fillRect(11, 11, 10, 10); |
| ctx.fillRect(22, 11, 10, 10); |
| ctx.fillRect(33, 11, 10, 10); |
| |
| </script> |
| <p>There should be 8 green squares displayed in a 2 row by 4 column grid.</p> |
| </body> |
| </html> |
