Flags of Russia

1) Chita

{{#ev:youtube|Nce-A0e3op0}}

• 200 by 136
• Use yellow, red and lime

Flag of Chita

Input

function drawFlag(ctx){ ctx.fillStyle = 'yellow'; ctx.moveTo(0,0); ctx.lineTo(100,68); ctx.lineTo(0,136); ctx.fill(); ctx.beginPath(); ctx.fillStyle = 'lime'; ctx.moveTo(0,0); ctx.lineTo(100,68); ctx.lineTo(200,68); ctx.lineTo(200,0); ctx.fill(); ctx.beginPath(); ctx.fillStyle = 'red'; ctx.moveTo(0,136); ctx.lineTo(100,68); ctx.lineTo(200,68); ctx.lineTo(200,136); ctx.fill(); }

​x

 

1

function drawFlag(ctx){

2

  ctx.fillStyle = 'yellow';

3

  ctx.moveTo(0,0);

4

  ctx.lineTo(100,68);

5

  ctx.lineTo(0,136);

6

  ctx.fill();

7

  ctx.beginPath();

8

  ctx.fillStyle = 'lime';

9

  ctx.moveTo(0,0);

10

  ctx.lineTo(100,68);

11

  ctx.lineTo(200,68);

12

  ctx.lineTo(200,0);

13

  ctx.fill();

14

  ctx.beginPath();

15

  ctx.fillStyle = 'red';

16

  ctx.moveTo(0,136);

17

  ctx.lineTo(100,68);

18

  ctx.lineTo(200,68);

19

  ctx.lineTo(200,136);

20

  ctx.fill();

21

}

22

​

Go reset

Output

function drawFlag(ctx){
  ctx.fillStyle = 'yellow';
  ctx.moveTo(0,0);
  ctx.lineTo(100,68);
  ctx.lineTo(0,136);
  ctx.fill();
  ctx.beginPath();
  ctx.fillStyle = 'lime';
  ctx.moveTo(0,0);
  ctx.lineTo(100,68);
  ctx.lineTo(200,68);
  ctx.lineTo(200,0);
  ctx.fill();
  ctx.beginPath();
  ctx.fillStyle = 'red';
  ctx.moveTo(0,136);
  ctx.lineTo(100,68);
  ctx.lineTo(200,68);
  ctx.lineTo(200,136);
  ctx.fill();
}

function drawFlag(ctx){
  ctx.fillStyle = 'yellow';
  ctx.moveTo(0,0);
  ctx.lineTo(100,68);
  ctx.lineTo(0,136);
  ctx.fill();
  ctx.beginPath();
  ctx.fillStyle = 'lime';
  ctx.moveTo(0,0);
  ctx.lineTo(100,68);
  ctx.lineTo(200,68);
  ctx.lineTo(200,0);
  ctx.fill();
  ctx.beginPath();
  ctx.fillStyle = 'red';
  ctx.moveTo(0,136);
  ctx.lineTo(100,68);
  ctx.lineTo(200,68);
  ctx.lineTo(200,136);
  ctx.fill();
}

2) Udmurtia

{{#ev:youtube|X2CFjC5A7Cg}}

• 198 by 100
• Each arm of the cross is 18

Flag of Udmurtia

Input

function drawFlag(ctx){ }

xxxxxxxxxx

 

1

function drawFlag(ctx){

2

}

3

​

Go reset

Output

function drawFlag(ctx){
}

function drawFlag(ctx){
  ctx.fillStyle = 'white';
  ctx.fillRect(0,0,198,100);
  ctx.fillStyle = 'black';
  ctx.fillRect(0,0,198/3,100);
  ctx.fillStyle = 'red';
  ctx.fillRect(2*198/3,0,198/3,100);
  ctx.translate(99,50);
  ctx.lineTo(-9,-9);
  ctx.lineTo(-9,-27);
  ctx.lineTo(0,-18);
  ctx.lineTo(9,-27);
  ctx.rotate(Math.PI/2);
  ctx.lineTo(-9,-9);
  ctx.lineTo(-9,-27);
  ctx.lineTo(0,-18);
  ctx.lineTo(9,-27);
  ctx.rotate(Math.PI/2);
  ctx.lineTo(-9,-9);
  ctx.lineTo(-9,-27);
  ctx.lineTo(0,-18);
  ctx.lineTo(9,-27);
  ctx.rotate(Math.PI/2);
  ctx.lineTo(-9,-9);
  ctx.lineTo(-9,-27);
  ctx.lineTo(0,-18);
  ctx.lineTo(9,-27);
  ctx.rotate(Math.PI/2);
  ctx.fill();
}