Difference between revisions of "Easy Flags"
Jump to navigation
Jump to search
(→Libya) |
(→Libya) |
||
Line 26: | Line 26: | ||
ctx.fillRect(0,0,150,100); | ctx.fillRect(0,0,150,100); | ||
} | } | ||
</pre> | |||
</div> | |||
==France== | |||
<div class=qu title='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.<br/> | |||
[[Image:flag_guide_france.png|border]] | |||
<pre class=usr> | |||
function drawFlag(ctx) | |||
{ | |||
ctx.fillStyle = 'blue; | |||
ctx.fillRect(0,0,50,100); | |||
} | |||
</pre> | |||
<pre class=ans>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); | |||
} | |||
</pre> | </pre> | ||
</div> | </div> |
Revision as of 10:47, 1 August 2021
<canvas width=150 height=100></canvas>
drawFlag(document.querySelector('canvas').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(0,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); }