Flags with Methods: Difference between revisions
Jump to navigation
Jump to search
| Line 3: | Line 3: | ||
== Stars and Stripes == | == Stars and Stripes == | ||
<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. | |||
Draw the flags of: | |||
* France | |||
* Romania | |||
* Belgium | |||
* Nigeria | |||
<pre class=usr> | <pre class=usr> | ||
function drawFlag(ctx){ | function drawFlag(ctx){ | ||
Revision as of 07:27, 17 August 2021
Stars and Stripes
Several countries have flags that contain three colors in vertical stripes.
Draw the flags of:
- France
- Romania
- Belgium
- Nigeria
function drawFlag(ctx){
}
function drawFlag(ctx){
ctx.fillStyle = 'gray';
ctx.fillRect(0,0,180,130);
tri(ctx,10,10,'red','white','blue');
tri(ctx,95,10,'red','white','blue');
}
function tri(ctx,x,y,c1,c2,c3){
ctx.translate(x,y);
ctx.fillStyle = c1;
ctx.fillRect(0,0,25,50);
ctx.fillStyle = c2;
ctx.fillRect(25,0,25,50);
ctx.fillStyle = c3;
ctx.fillRect(50,0,25,50);
ctx.translate(-x,-y);
}