View source for Flags: Worked Examples

<pre id='shellbody' data-qtp='canvas'></pre>

==Benin==
{{#ev:youtube|mFAh1z4njMU}}
<div class='qu' data-width="150" data-height="100">
* The flag is 150 by 100
* The green rectangle is 50 by 100
* The yellow and red rectangles are 100 by 50

[[Image:flagbenin.png|border|frame|Flag of Benin]]
<pre class='usr'>
function drawFlag(ctx)
{
}  
</pre>
<pre class='ans'>
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);
}  
</pre>
</div>