Bandeira

Acho que ficou legal!!

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

<script>


     var tela = document.querySelector('canvas');
    var pincel = tela.getContext('2d');


    pincel.fillStyle= 'green';
    pincel.fillRect(50, 50, 550, 350);

    pincel.fillStyle='yellow';
    pincel.beginPath();
    pincel.moveTo(320, 100);
    pincel.lineTo(90, 220);
    pincel.lineTo(550, 220);
    pincel.fill();

    pincel.fillStyle='yellow';
    pincel.beginPath();
    pincel.moveTo(320, 350);
    pincel.lineTo(90, 220);
    pincel.lineTo(550, 220);
    pincel.fill();

    pincel.fillStyle='darkblue';
    pincel.beginPath();
    pincel.arc(320, 225, 90, 0, 2*3.14);
    pincel.fill();









</script>