Iniciando a minha bandeira

Minha programação até aqui

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

<script>

    var tela = document.querySelector('canvas');         // variavel para puxar do mundo html.
    var pincel = tela.getContext('2d');            // variavel para definir dimenções na tela

    pincel.fillStyle = 'green';            // (necessita atribuir valor), usado para identificar a cor da tinta.
    pincel.fillRect(0,0,600,400);            //ação para definir onde começar(0,0) e o tamanho do retangulo(Rect) (600,400). Máximo que cabe é o tamanho do canvas pedido

    pincel.fillStyle = 'yellow';
    pincel.beginPath();            //começar um novo caminho
    pincel.moveTo(300,25);            //ponto de inicio
    pincel.lineTo(50,200);            //ponto que vai se deslocar
    pincel.lineTo(300,375);
    pincel.lineTo(550,200);
    pincel.lineTo(300,25);
    pincel.fill();

</script>