Fiz o Losango, ao invés de 2 triangulos

Olá galera,

Eu pensei em fazer uma bandeira grande, depois fazer um losango usando o mesmo conceito do triângulo, mas com um lineTo a mais (ele disse na aula anterior que poderia fazer outras figuras geométricas) e depois eu fiz o circulo, confesso que o circulo eu colei um pouco da dica do professo.

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

<script>

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

    pincel.fillStyle = 'green';

    pincel.fillRect(0,0,1000,600);

    pincel.fillStyle = 'yellow';

    pincel.beginPath();

    pincel.moveTo(500,50);
    pincel.lineTo(50,300);
    pincel.lineTo(500,550);
    pincel.lineTo(950,300);
    pincel.fill(); 

    pincel.fillStyle = 'darkblue';

    pincel.beginPath();
    pincel.arc(500,300,170,0, 2* 3.14);
    pincel.fill();

</script>