Difference between revisions of "Flags of Russia"
Jump to navigation
Jump to search
(One intermediate revision by the same user not shown) | |||
Line 5: | Line 5: | ||
* 200 by 136 | * 200 by 136 | ||
* Use yellow, red and lime | * Use yellow, red and lime | ||
[[Image:FlagChita.png| | [[Image:FlagChita.png|frame|Flag of Chita]] | ||
<pre class=usr> | <pre class=usr> | ||
function drawFlag(ctx){ | function drawFlag(ctx){ | ||
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 16:35, 20 August 2021
Chita
- 200 by 136
- Use yellow, red and lime
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
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(); }