Easy Flags: Difference between revisions
		
		
		
		Jump to navigation
		Jump to search
		
No edit summary  | 
				No edit summary  | 
				||
| Line 8: | Line 8: | ||
(()=>{  | (()=>{  | ||
   --snippet-ans--  |    --snippet-ans--  | ||
   drawFlag(document.getElementById('  |    drawFlag(document.getElementById('ans').getContext('2d'));  | ||
})();  | })();  | ||
</pre>  | </pre>  | ||
Revision as of 11:23, 1 August 2021
<canvas id='usr' width=150 height=100></canvas> <canvas id='ans' width=150 height=100></canvas>
--snippet-usr--
drawFlag(document.getElementById('usr').getContext('2d'));
(()=>{
  --snippet-ans--
  drawFlag(document.getElementById('ans').getContext('2d'));
})();
Libya
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,150,100);
}  
France
The flag of France is blue, white  and red.  
The code given draws only one of the three rectangles required and it is in the wrong place.
function drawFlag(ctx)
{
  ctx.fillStyle = 'blue';
  ctx.fillRect(50,0,50,100);
}
function drawFlag(ctx)
{
  ctx.fillStyle = 'blue';
  ctx.fillRect(0,0,50,100);
  ctx.fillStyle = 'white';
  ctx.fillRect(50,0,50,100); 
  ctx.fillStyle = 'red';
  ctx.fillRect(100,0,50,100); 
}
