Difference between revisions of "Flags of Russia"

From ProgZoo
Jump to navigation Jump to search
 
Line 57: Line 57:
== Udmurtia ==
== Udmurtia ==
<div class=qu data-width=198 data-height=100>
<div class=qu data-width=198 data-height=100>
{{#ev:youtube|X2CFjC5A7Cg}}
* 198 by 100
* 198 by 100
* Each arm of the cross is 18
* Each arm of the cross is 18

Latest revision as of 17:35, 20 August 2021


Chita

  • 200 by 136
  • Use yellow, red and lime
Flag of Chita
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();
}

Udmurtia

  • 198 by 100
  • Each arm of the cross is 18
Flag of Udmurtia
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();
}