Duvida sobre o objetivo dos dois triangulos.

Bem, eu fiz um losango, ao invés dos dois triângulos. Mas depois de concluir eu pensei: "E se o professor queria somente que praticássemos as coordenadas dentro da tela?" Agora fiquei com essa pulga atrás da orelha. Mas segue abaixo a minha bandeira do Brasil sil sil....

<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='yellow';
    pincel.beginPath();
    pincel.moveTo(300,50);
    pincel.lineTo(50,200);
    pincel.lineTo(300,350);
    pincel.lineTo(550,200);
    pincel.fill();

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

</script>