Flags with Methods: Difference between revisions
Jump to navigation
Jump to search
| Line 4: | Line 4: | ||
<div class=qu data-width=180 data-height=130> | <div class=qu data-width=180 data-height=130> | ||
Several countries have flags that contain three colors in vertical stripes. | Several countries have flags that contain three colors in vertical stripes. | ||
[[Image:flagtricolour.png|left|frame|Three colour flags]] | |||
Draw the flags of: | Draw the flags of: | ||
Revision as of 12:34, 17 August 2021
Three colours
Several countries have flags that contain three colors in vertical stripes.

Draw the flags of:
- France
- Romania
- Belgium
- Nigeria
- Sizes are:
- The small flags are 75 by 50
- The margins are 10
function drawFlag(ctx){
}
function drawFlag(ctx){
function tri(x,y,cl){
ctx.translate(x,y);
cl.forEach((c,i)=>{
ctx.fillStyle = c;
ctx.fillRect(i*75/cl.length,0,75/cl.length,50);
});
ctx.translate(-x,-y);
}
ctx.fillStyle = 'gray';
tri(10,10,['red','white','blue']);
tri(95,10,['red','yellow','blue']);
tri(10,70,['black','yellow','red']);
tri(95,70,['green','white','green']);
}