Difference between revisions of "Flags: Worked Examples"

From ProgZoo
Jump to navigation Jump to search
Line 20: Line 20:
{
{
   ctx.fillStyle = 'green';
   ctx.fillStyle = 'green';
   ctx.fillRect(0,0,150,100);
   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.

Flagbenin.png

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);
}