Olá pessoal, fiz a bandeira do Brasil e usei os padrões de cores oficiais. Segue abaixo meu código:
<canvas width = "600" height = "400"></canvas>
<script>
var tela = document.querySelector ("canvas");
var pincel = tela.getContext ("2d");
pincel.fillStyle = "rgb(0,156,59)";
pincel.fillRect(50,50, 500, 300);
pincel.fillStyle = "rgb(255,223,0)";
pincel.beginPath();
pincel.moveTo(300,75);
pincel.lineTo(100,200);
pincel.lineTo(500,200);
pincel.fill();
pincel.fillStyle = "rgb(255,223,0)";
pincel.beginPath();
pincel.moveTo(300,325);
pincel.lineTo(100,200);
pincel.lineTo(500,200);
pincel.fill();
pincel.fillStyle = "rgb(0,39,118)";
pincel.beginPath();
pincel.arc(300, 200, 80, 0, 2*3.14);
pincel.fill();
</script>