Bandeira do Brasil (cores escuras e faixa inclinada)

Meu código da bandeira minimalista com cores escuras e a faixa branca inclinada.

<canvas width='600' height='400'></canvas>
<script>

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

    pincel.fillStyle='darkgreen';
    pincel.fillRect(0,0,600,400);

    pincel.fillStyle='gold';
    pincel.beginPath();
    pincel.moveTo(10,200);
    pincel.lineTo(300,20);
    pincel.lineTo(590,200);
    pincel.lineTo(300,380);
    pincel.lineTo(10,200);
    pincel.fill();

    pincel.fillStyle='darkblue';
    pincel.beginPath();
    pincel.arc(300,200,110,0,2*3.14);
    pincel.fill();

    pincel.fillStyle='white';
    pincel.beginPath();
    pincel.moveTo(199,155);
    pincel.quadraticCurveTo(300,140,410,210);
    pincel.lineTo(407.5,225);
    pincel.quadraticCurveTo(300,155,193.5,170);
    pincel.fill();

</script>