Flags: Worked Examples: Difference between revisions
		
		
		
		Jump to navigation
		Jump to search
		
No edit summary  | 
				|||
| Line 20: | Line 20: | ||
{  | {  | ||
   ctx.fillStyle = 'green';  |    ctx.fillStyle = 'green';  | ||
   ctx.fillRect(0,0,  |    ctx.fillRect(0,0,50,100);  | ||
  ctx.fillStyle = 'yellow';  | |||
  ctx.fillRect(50,0,100,50);  | |||
  ctx.fillStyle = 'red';  | |||
  ctx.fillRect(50,50,100,50);  | |||
}     | }     | ||
</pre>  | </pre>  | ||
</div>  | </div>  | ||
Revision as of 07:09, 18 August 2021
Benin
The flag of Libya, until 2011, was a simple green rectangle.
Try the program as it is given, then change it so that the green rectangle is 150 wide.
function drawFlag(ctx)
{
  ctx.fillStyle = 'green';
  ctx.fillRect(0,0,75,100);
}  
function drawFlag(ctx)
{
  ctx.fillStyle = 'green';
  ctx.fillRect(0,0,50,100);
  ctx.fillStyle = 'yellow';
  ctx.fillRect(50,0,100,50);
  ctx.fillStyle = 'red';
  ctx.fillRect(50,50,100,50);
}  
