<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector('canvas');
var pince = tela.getContext('2d');
pince.fillStyle = 'green';
pince.fillRect(0,0, 600, 400);
pince.fillStyle = 'yellow';
pince.beginPath();
pince.moveTo(300, 50);
pince.lineTo(50, 200);
pince.lineTo(500, 200);
pince.fill();
pince.fillStyle = 'darkblue';
pince.beginPath();
pince.arc(300,200,100, 2*3,14);
pince.fill();
</script>
boa noite galera pode dar um help a outra parte do triangulo não a parece