Bandeira do Brasil.

Bandeira do Brasil feita toda em funções :D

Tentei tornar a criação de desenhos mais pratica com algumas funções simples, oque acharam?

e claro se tiverem sugestões, por favor comentem ai embaixo, até uma proxima. :)

<canvas width="600" height="400"> </canvas>

<script>

    var tela = document.querySelector("canvas");
    var pincel = tela.getContext("2d");
    function triangulo(cor,x_1,y_1,x_2,y_2,x_3,y_3){

        pincel.fillStyle = cor;
        pincel.beginPath();
        pincel.moveTo(x_1, y_1);
        pincel.lineTo(x_2, y_2);
        pincel.lineTo(x_3, y_3);
        pincel.fill();
    }

    function retangulo (cor, x_inicial, y_inicial, x_final, y_final){

        pincel.fillStyle = cor; 
        pincel.fillRect(x_inicial, y_inicial, x_final , y_final);
    } 

    function circulo(cor, x_inicial, y_inicial, raio){

        pincel.fillStyle = cor;
        pincel.beginPath();
        pincel.arc(x_inicial, y_inicial, raio, 0, 2*3.14);
        pincel.fill()
    }


    retangulo("green", 0, 0, 600, 400)
    triangulo("yellow", 50, 200, 300, 50, 550, 200)
    triangulo("yellow", 50, 200, 300, 350, 550, 200)
    circulo("darkblue", 300, 200, 100)


</script>