Pra praticar o desenho do triângulo, fiz a bandeira do Bahamas

Como exercício pessoal, decidi fazer a bandeira do Bahamas. Coloco as instruções em inglês (brush ao invés de pincel) pra já ir me acostumando a usar o inglês na maioria dos códigos

<canvas width='1000' height='600'></canvas> 

<script>
//////LÓGICA DE PROGRAMAÇÃO 2.0 - BANDEIRA DO BAHAMAS//////

var canvas = document.querySelector('canvas'); //PUXA A TAG "CANVAS" PARA DENTRO DO MUNDO JS
var brush = canvas.getContext('2d'); // AVISA QUE ESTAMOS DESENHANDO EM UM AMBIENTE 2D.

brush.fillStyle = 'teal'; //"FILLSTYLE" DETERMINA A COR DO PINCEL.

brush.fillRect(0,0,1000,200); //É O COMANDO QUE DE FATO DESENHA O RETÂNGULO. 

brush.fillStyle = 'yellow';

brush.fillRect(0,200,1000,400); 

brush.fillStyle = 'teal';

brush.fillRect(0,400,1000,600);

//AGORA O TRIÂNGULO.

brush.fillStyle = 'black';

brush.beginPath(); //FUNÇÃO QUE INICIA O CAMINHO DO TRIANGULO
brush.moveTo(420,300); //MOVE O PINCEL PARA A COORD X=333, Y=300
brush.lineTo(0,600); //LINHA ATÉ O CANTO INF ESQ DA BANDEIRA
brush.lineTo(0,0); //LINHA ATÉ O CANTO SUP DIR DA BANDEIRA
brush.fill(); //PINTA O TRIANGULO

</script>